*{padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} html{} body{color: #333;} body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:15px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} address,cite,code,em,th{ font-weight:normal; font-style:normal;} .clear { clear:both; *zoom:1;} .clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a {text-decoration:none; color:#333;cursor:pointer;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} @font-face {font-family: "Youshebiaotihei";src: url(../fonts/Youshebiaotihei.ttf);} @font-face {font-family: "impact";src: url(../fonts/impact.ttf);} /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:0px;}/* 滚动槽 */ ::-webkit-scrollbar-track { background-color:#ddd; width:1px; border-radius:0px;}/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#088898;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#088898;} /* 按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } .w1400{width:1400px;margin:0 auto;} @media screen and (max-width:1450px){ .w1400{ width:94%;} } @media screen and (max-width:1080px){ .w1400{ width:94%;} } /*top*/ header .top1{ background:url(../images/top_bg1.png) repeat; height:60px; overflow:hidden;} header .top1 .left{ float:left; color:#fff; font-size:16px;display:flex; height:60px; display: -webkit-flex;align-items:center;} header .top1 .left img{ margin-right:10px;} header .top1 .right{ float:right; height:100%; padding:0 30px; background:#f82838;color:#fff; font-weight:bold; font-size:26px;height:60px;display:flex; display: -webkit-flex;align-items:center;} header .top1 .right img{ margin-right:10px;} @media screen and (max-width:1080px){ header .top1{ display:none;} } .ly_top { width: 100%; background: #fff; height: 100px; position: relative; z-index: 99;} .ly_top .lytop_main { height: 100%; position: relative;} .ly_top .lytop_main .toplogo { width: 365px; height:100%; float: left;overflow: hidden;} .ly_top .lytop_main .toplogo a { display: block; width: 100%; height: 100%; position:relative; } .ly_top .lytop_main .toplogo a img { max-width: 100%; max-height:100%; position:absolute; top:50%; transform:translateY(-50%); } .ly_top .lytop_main .top_right { width: 65%; float: right; height: 100%; } .ly_top .lytop_main .top_right .nav { width: calc(100% - 80px); float: left; height: 100%; transition: all 0.4s; } .ly_top .lytop_main .top_right#showopen .nav { transform: scale3d(0, 0, 0); width: 0; } .ly_top .lytop_main .top_right .nav li { width:14.28%; height: 100%; float: left; text-align: center; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-top: 35px; } .ly_top .lytop_main .top_right .nav li> a { height: 100%; line-height: 30px; font-size: 18px; text-align: center; transition: .4s ease; display: inline-block; position: relative; color: #333; } .ly_top .lytop_main .top_right .nav li a::before, .ly_top .lytop_main .top_right .nav li.navon a::before { content: ""; display: block; position: absolute; bottom: 0; height: 3px; width: 3px; left: 50%; transform: translateX(-50%); opacity: 0; background-color: #088898; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .ly_top .lytop_main .top_right .nav li:hover a::before, .ly_top .lytop_main .top_right .nav li.navon a::before { width: 100%; opacity: 1; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .ly_top .lytop_main .top_right .nav li:hover a, .ly_top .lytop_main .top_right .nav li.navon a { font-weight:bold;} .ly_top .lytop_main .top_right .nav li:hover a::after,.ly_top .lytop_main .top_right .nav li.navon a::after { content: ""; display: block; width: 9px; height: 6px; background: url(../images/topjt.png) center no-repeat; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; position: absolute; bottom:0; left:50%; transform:translateX(-50%);} /*下拉*/ .nav_item_open { width: 140%; height: auto; position: absolute; left: -20%; top: 100%; z-index: 10; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; } .ny_top .nav_item_open { background-color: #fff; } .ly_top .lytop_main .top_right .nav li:hover:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .ly_top .lytop_main .top_right .nav li .subopen { display: none; } .ly_top .lytop_main .top_right .nav li .nav_item2 { width: 100%; } .ly_top .lytop_main .top_right .nav li .nav_item2 a { display: block; width: 100%; height: 60px; overflow: hidden; line-height: 60px; padding: 0 10px; color: #666; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ly_top .lytop_main .top_right .nav li .nav_item2 a { color: #565656; } .ly_top .lytop_main .top_right .nav li .nav_item2:hover a { background-color: #2e71b4; color: #fff; } /*PC搜索*/ .ly_top .lytop_main .top_search { float: right; position: relative; transition: all 0.5s; height: 100%; width: 80px;} .ly_top .lytop_main .nav-hide .top_search { margin-top: 19px; } .ly_top .lytop_main .top_search em { background: url(../images/sousou.png) right center no-repeat;cursor: pointer; display: block; height: 33px; margin-top: 33px; overflow: hidden; transition: all 0.3s; } .ly_top .lytop_main .top_search em:Hover { opacity: 0.8; filter: Alpha(opacity=80); } .ly_top .lytop_main #showopen .top_search { background: none; } .ly_top .lytop_main #showopen .top_search em { opacity: 0; filter: Alpha(opacity=0); margin-top: 0; } .ly_top .lytop_main .top_search .search_con2 { position: absolute; right: 0px; height: 50px; z-index: 100; transform: scale3d(0, 0, 0); transform-origin: right center; transition: all 0.5s; opacity: 0; filter: Alpha(opacity=0); width: 500px; background: #fff; top: 25px; } .ly_top .lytop_main #showopen .top_search .search_con2 { opacity: 1.0; filter: Alpha(opacity=100); transform: scale3d(1, 1, 1); } .top_search .search_con2 .search-input { width: 380px; float: left; height: 48px; line-height: 48px; overflow: hidden; border: 1px solid #d4d4d4; border-radius: 5px; font-size: 16px; padding-left: 20px; background: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .top_search .search_con2 .input1 { height: 48px; line-height: 48px; background: none; border: 0; width: calc(100% - 57px); width: -webkit-calc(100% - 57px); width: -moz-calc(100% - 57px); float: left; outline: none; font-size: 16px; color: #666; } .top_search .search_con2 .bnts { float: right; width: 56px; height: 48px; background: url(../images/search.png) center center no-repeat; margin-right: 1px; cursor: pointer; border: none; } .top_search .search_con2 .bnts:hover { transition: all 0.3s; opacity: 0.8; filter: Alpha(opacity=80); } .top_search .search_con2 .moblie-search-close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; background: url(../images/scguan.png) center center no-repeat; } .nav-hide .top_search .search_con2 .moblie-search-close { background-image: url(../images/scguan.png); } @media screen and (max-width:1650px) { .ly_top .lytop_main .top_right .nav li> i { margin-right: 0; } } @media (min-width: 1023px) and (max-width: 1550px) { .ly_top .lytop_main .top_right .nav { width: calc(100% - 90px); } } @media screen and (max-width:1399px) { .ly_top .lytop_main .top_right .nav li> a { font-size: 16px; } .ly_top .lytop_main .top_search{ width:90px;} } @media screen and (max-width:1200px) { .ly_top .lytop_main .toplogo { width: 25%;} .ly_top .lytop_main .top_right { width:73%; } .ly_top .lytop_main .top_right .nav li a::after { display: none !important; } } @media screen and (max-width:1080px) { header .top2 {width: 100%; z-index: 999999; background: #fff; top: 0; } .ly_top { height: 75px; position: relative; } .ly_top .lytop_main.w1400{ width:100%;} .ly_top .lytop_main .toplogo { width:50%; margin-left:3%;} .ly_top .lytop_main .top_right { width: 100%; position: fixed;top: 75px; z-index: 9999999; background: #fff; height: 100vh; border-top: 1px solid #ddd; left: 100%; transition: all .5s ease; overflow: scroll; } .ly_top .lytop_main .top_right.open { left: 0; } .ly_top .lytop_main .top_right .nav { width: 100%; height: auto; float: none; } .ly_top .lytop_main .top_right .nav li { width: 90%; margin: 0 auto; float: none; background: #fff; border-bottom: 1px dashed #ddd; padding:20px 0 0; } .ly_top .lytop_main .top_right .nav li::before, .ly_top .lytop_main .top_right .nav li.navon a::before { height: 0; } .ly_top .lytop_main .top_right .nav li .hide> a { font-size: 18px;} .ly_top .lytop_main .top_right .nav li> i { display: block; } .ly_top .lytop_main .top_right .nav li> a{ padding-bottom:20px;} /*下拉*/ .nav_item_open { position: static; width: 100%; visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow: none; display: none; transition: none; } .ly_top .lytop_main .top_right .nav li .nav_item2 { background-color: #f7f7f7; margin-bottom: 1px; } .ly_top .lytop_main .top_search { width: 100%;float: none; margin-left: 0; background:none; } .ly_top .lytop_main .top_search em { display: none; } .ly_top .lytop_main .top_search .search_con2 { opacity: 1; transform: none; position: static; width: 80%; margin: 20px auto 30px; } .top_search .search_con2 .search-input { width: 100%; } .top_search .search_con2 .moblie-search-close { display: none; } .ly_top .nav_menu { position: absolute; right: 3%; margin-top: 22px; height: 25px; transition: all .5s ease; } .ly_top .nav_menu span { display: block; width: 26px; height: 2px; background: #666; margin-top: 7px; } .ly_top .nav_menu:before, .ly_top .nav_menu:after { content: ""; display: block; width: 26px; height: 2px; background: #666; } .ly_top .nav_menu:after { margin-top: 7px; } .ly_top .nav_menu.open span { background: transparent; transform: translate(-50%, -50%) rotate(180deg); } .ly_top .nav_menu.open:before { margin-top: 10px; transform: rotate(45deg); width: 23px; } .ly_top .nav_menu.open::after { margin-top: -11px; transform: rotate(-45deg); width: 23px; } } @media screen and (max-width:767px) { header .top2 { position: fixed;} .ly_top { height: 62px;} .ly_top .lytop_main .top_right { top:62px;} } /* banner 开始 */ .apple-banner { width:100%;overflow: hidden; margin:0 auto;} .apple-banner .swiper-container { width: 100%;} .apple-banner .swiper-container .swiper-slide{height:540px; position:relative;overflow:hidden;} .apple-banner .swiper-container .swiper-slide img{width:1920px;height:100%; position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;} .apple-banner .swiper-container .swiper-button-prev { left:0;} .apple-banner .swiper-container .swiper-button-next { right:0;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} .apple-banner .swiper-button-prev span { background: rgba(0,0,0,0.3) url(../images/arrows1.png) center center no-repeat; left: 20px;} .apple-banner .swiper-button-next span { background: rgba(0,0,0,0.3) url(../images/arrows2.png) center center no-repeat; right:20px;} .apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: .7;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:30px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .apple-banner .swiper-pagination-bullet { display: inline-block; width:10px; height:16px; margin: 0 6px; cursor: pointer; background:none; border:2px solid rgba(255,255,255,.5); opacity: 1; border-radius:0; transition: all .4s ease;} .apple-banner .autoplay .swiper-pagination-bullet-active{height:30px; border:2px solid #fff; background:none;} @media screen and (max-width:1699px){ .apple-banner .swiper-container .swiper-slide{ height:auto;} .apple-banner .swiper-container .swiper-slide img{ width:100%; height:auto; position:static; transform:none;} } @media screen and (max-width:767px){ .apple-banner { margin-top:62px;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { width:44px; height:44px; background-size:44px 44px;} .apple-banner .swiper-button-prev span { left:10px;} .apple-banner .swiper-pagination { bottom:15px !important;} .apple-banner .swiper-pagination-bullet {width:10px; height:10px; margin: 0 4px;} .apple-banner .autoplay .swiper-pagination-bullet-active{height:20px;} } @media screen and (max-width:600px){ .apple-banner .swiper-container .swiper-slide{height:200px;} .apple-banner .swiper-container .swiper-slide img{width:619px;height:100%; position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);} } @media screen and (max-width:500px){ .apple-banner .swiper-container .swiper-slide{height:161px;} .apple-banner .swiper-container .swiper-slide img{width:500px;} } @media screen and (max-width:375px){ } @media screen and (max-width:320px){ } /* banner 结束 */ /*首页产品展示*/ .ind_probox{ background:#eef1f3; padding:66px 0 26px; min-height:400px; overflow:hidden;} .ind_bigtit{ width:100%; padding-bottom:25px;overflow:hidden; position:relative;} .ind_bigtit:before{ content:""; display:block; width:100%; height:2px; background:#e7e7e7; position:absolute; left:0; bottom:0;} .ind_bigtit:after{ content:""; display:block; width:126px; height:2px; background:#088898; position:absolute; left:0; bottom:0;} .ind_bigtit p{ font-size:32px; line-height:34px; color:#333; font-weight:bold; float:left;} .ind_bigtit p i{color:#088898; font-style:normal;} .ind_bigtit span{ text-transform:uppercase; font-size:14px; color:#999;display: block; float:left; margin-top: 16px; margin-left:10px;} .ind_bigtit .more{ display:block; float:right; width:44px; height:44px; background:#088898 url(../images/morejt.png) center no-repeat; border-radius:50%;transition: all .4s ease;} .ind_bigtit .more:hover{transform: rotate(45deg);} @media screen and (max-width:1080px){ .ind_bigtit { padding-bottom:18px;} .ind_bigtit p{ font-size:26px; line-height:28px;} .ind_bigtit span{ font-size:13px;margin-top: 10px;} .ind_bigtit .more{ width:34px; height:34px;} } @media screen and (max-width:767px){ .ind_bigtit:after{ width:106px;} .ind_bigtit span{ display:none;} } .ind_probox .sort{ width:100%; height:60px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;} .ind_probox .sort a{ line-height:60px; padding-left:30px; float:left;transition: all .4s ease;} .ind_probox .sort a:hover{ color:#088898;} .ind_probox .sort a:first-child{ padding-left:0;} .ind_probox ul{ width:100%; margin-top:10px;} .ind_probox ul li{ width:23.5%; float:left; margin-right:2%; margin-bottom:40px; background:#fff;} .ind_probox ul li:nth-child(5n){margin-right:0;} .ind_probox ul li .propic{ width:100%; height:274px;} .ind_probox ul li .propic a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;} .ind_probox ul li .propic a:after{ content:""; display:block;width:100%; height:100%; background:rgba(8,120,136,.6) url(../images/prohover.png) center no-repeat; position:absolute; left:0; bottom:-100%; z-index:2; transition: all .3s ease;} .ind_probox ul li:hover .propic a:after{ bottom:0;} .ind_probox ul li .propic a img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} .ind_probox ul li .protext .name{ display:block; background:#d6dbe1; width:100%; height:64px; line-height:64px; padding:0 10px; text-align:center; font-size:18px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .3s ease;} .ind_probox ul li:hover .protext .name{ background:#088898; color:#fff;} .ind_probox ul li .protext .ms,.ind_probox ul li .protext .btn{ display:none;} .ind_probox ul li:first-child,.ind_probox ul li:nth-child(5n+1){ width:100%; padding:30px 40px;} .ind_probox ul li:first-child .propic,.ind_probox ul li:nth-child(5n+1) .propic{ width:340px; height:254px;float:left;} .ind_probox ul li:first-child .protext,.ind_probox ul li:nth-child(5n+1) .protext{width: calc(100% - 380px); float:right;} .ind_probox ul li:first-child .protext .name,.ind_probox ul li:nth-child(5n+1) .protext .name{ background:none; text-align:left; font-size:24px;padding:0;} .ind_probox ul li:first-child:hover .protext .name,.ind_probox ul li:nth-child(5n+1):hover .protext .name{ color:#088898;} .ind_probox ul li:first-child .protext .ms,.ind_probox ul li:first-child .protext .btn, .ind_probox ul li:nth-child(5n+1) .protext .ms,.ind_probox ul li:nth-child(5n+1) .protext .btn{ display:block;} .ind_probox ul li:first-child .protext .ms,.ind_probox ul li:nth-child(5n+1) .protext .ms{ margin-top:10px;font-size:16px; line-height:28px; height:56px; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .ind_probox ul li:first-child .protext .btn,.ind_probox ul li:nth-child(5n+1) .protext .btn{ margin-top:40px;} .ind_probox ul li:first-child .protext .btn a,.ind_probox ul li:nth-child(5n+1) .protext .btn a{ display:block; width:108px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; background:#088898; float:left; border-radius:20px; transition: all .4s ease;} .ind_probox ul li:first-child .protext .btn a:hover,.ind_probox ul li:nth-child(5n+1) .protext .btn a:hover{ width:120px;} .ind_probox ul li:first-child .protext .btn a.ly,.ind_probox ul li:nth-child(5n+1) .protext .btn a.ly{background:#f82838; margin-left:14px;} @media screen and (max-width:1200px){ .ind_probox{ background:#eef1f3; padding:66px 0 36px;} .ind_probox ul li{margin-bottom: 30px;} .ind_probox ul li .propic{ height:224px;} } @media (min-width: 768px) and (max-width: 1080px) { .ind_probox{padding:40px 0 4px;} .ind_probox .sort a{padding-left: 20px;} .ind_probox ul li{ width:49%; margin-right:0;} .ind_probox ul li:nth-child(5n+2),.ind_probox ul li:nth-child(5n+4){ margin-right:2%;} .ind_probox ul li .propic{ height:264px;} .ind_probox ul li:first-child, .ind_probox ul li:nth-child(5n+1){ padding: 20px;} .ind_probox ul li:first-child .propic, .ind_probox ul li:nth-child(5n+1) .propic{ width:300px;} .ind_probox ul li:first-child .protext, .ind_probox ul li:nth-child(5n+1) .protext{width: calc(100% - 330px);} .ind_probox ul li:first-child .protext .name, .ind_probox ul li:nth-child(5n+1) .protext .name{ font-size:22px;} } @media screen and (max-width:767px){ .ind_probox{padding:30px 0 15px;} .ind_probox .sort a{padding-left: 10px;} .ind_probox ul{ margin-top:0;} .ind_probox ul li{ width:49% !important; margin-bottom:15px;} .ind_probox ul li:nth-child(5n){margin-right:2%;} .ind_probox ul li:nth-child(2n){ margin-right:0 !important;} .ind_probox ul li:first-child, .ind_probox ul li:nth-child(5n+1){ padding:0;} .ind_probox ul li:first-child .propic, .ind_probox ul li:nth-child(5n+1) .propic{ width:100%; height:224px;} .ind_probox ul li:first-child .protext, .ind_probox ul li:nth-child(5n+1) .protext{ width:100%;} .ind_probox ul li .protext .name{ font-size:16px;height:50px; line-height:50px;} .ind_probox ul li:first-child .protext .ms,.ind_probox ul li:first-child .protext .btn, .ind_probox ul li:nth-child(5n+1) .protext .ms,.ind_probox ul li:nth-child(5n+1) .protext .btn{ display:none;} .ind_probox ul li:first-child .protext .name, .ind_probox ul li:nth-child(5n+1) .protext .name{background: #d6dbe1;text-align: center; font-size: 16px; height:50px; line-height:50px;} .ind_probox ul li:first-child:hover .protext .name, .ind_probox ul li:nth-child(5n+1):hover .protext .name{background:#088898; color:#fff;} } @media screen and (max-width:500px){ .ind_probox ul li .propic{height:180px;} .ind_probox ul li:first-child .propic, .ind_probox ul li:nth-child(5n+1) .propic{height:180px;} .ind_probox ul li .protext .name,.ind_probox ul li:first-child .protext .name, .ind_probox ul li:nth-child(5n+1) .protext .name{ font-size:15px;} } /*首页关于我们*/ .ind_about{ background:url(../images/aboutbg.jpg) center top no-repeat; overflow:hidden;} .ind_about .abbt{ font-size:32px; font-weight:bold; color:#fff; text-align:center; padding-top:70px;} .ind_about .abbt em{ display:block; width:68px; height:3px; background:#f82838;margin:25px auto 0;} .ind_about .intro{ background:#fff;padding:56px; margin-top:50px; overflow:hidden;} .ind_about .intro .left{width: calc(100% - 265px); float:left;} .ind_about .intro .left .company{ width:100%; font-size:28px; font-weight:bold;} .ind_about .intro .left .company img{ margin-right:10px;} .ind_about .intro .left .cont{ margin-top:38px; font-size:15px; color:#666; line-height:30px; height:270px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;} .ind_about .intro .left .cont p{font-size:15px; color:#666; line-height:28px;} .ind_about .intro .right{ width:220px; float:right;} .ind_about .intro .right a{ display:block; width:100%; height:124px; margin-bottom:1px; background:#eef1f3;display:flex; display: -webkit-flex;align-items:center; justify-content:center; transition: all .4s ease;} .ind_about .intro .right a em{ display:block; width:54px; height:54px; border-radius:50%; background:#fff url(../images/indab_ico1.png) center no-repeat; margin-right:10px;} .ind_about .intro .right a p{ font-size:18px; color:#666;} .ind_about .intro .right a span{ font-size:12px; color:#999; text-transform:uppercase;} .ind_about .intro .right a:nth-of-type(2) em{background:#fff url(../images/indab_ico2.png) center no-repeat;} .ind_about .intro .right a:nth-of-type(3) em{background:#fff url(../images/indab_ico3.png) center no-repeat;} .ind_about .intro .right a:hover{ background:#088898;} .ind_about .intro .right a:hover p{color:#fff;} .ind_about .intro .right a:hover span{color:#fff;} .ind_about .heng{ display:block;} .ind_about .heng img{ width:100%} @media screen and (max-width:1080px){ .ind_about{background-size:100%;overflow: visible;} .ind_about .abbt{padding-top:40px; font-size:26px;} .ind_about .abbt em{margin: 15px auto 0;} .ind_about .intro{margin-top: 30px; padding:40px 30px; box-shadow:0 0 15px rgba(0,0,0,.2);} .ind_about .heng{ display:none;} } @media screen and (max-width:767px){ .ind_about{background-size:150%;} .ind_about .abbt{padding-top:30px;} .ind_about .intro{ padding:30px 20px;margin-top:20px;} .ind_about .intro .left{ width:100%;} .ind_about .intro .left .company{ font-size:24px;} .ind_about .intro .left .company img{ display:none;} .ind_about .intro .left .cont{ margin-top:15px;} .ind_about .intro .right{ width:100%;margin-top:15px;} .ind_about .intro .right a{ width:33%;height:80px;float:left; margin-bottom:0; margin-right:0.5%;} .ind_about .intro .right a:nth-of-type(3){ margin-right:0;} .ind_about .intro .right a em{ width:40px; height:40px; margin-right:5px;} .ind_about .intro .right a p{ font-size:15px;} } @media screen and (max-width:550px){ .ind_about .intro .left .company{ font-size:22px;} .ind_about .intro .left .cont {margin-top: 10px;} .ind_about .intro .right a{ width:49.75%;} .ind_about .intro .right a:nth-of-type(1){ display:none;} } /*首页新闻*/ .ind_new{ background:#fff; margin:66px 0; overflow:hidden;} .ind_new .left{ width:350px; float:left; position:relative;} .ind_new .left img{ width:100%;} .ind_new .left .newbt{ position:absolute; top:64px; left:30px;} .ind_new .left .newbt p{ font-size:30px; font-weight:bold;} .ind_new .left .newbt em{ display:block; width:70px; height:3px; background:#f82838; margin:16px 0;} .ind_new .left .newbt span{ font-size:26px; line-height:30px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;} .ind_new ul{width: calc(100% - 390px); float:right;} .ind_new ul li{ width:100%; border-bottom:1px solid #e7e7e7; padding-bottom:10px; overflow:hidden;margin-bottom: 30px;} .ind_new ul li:last-child{ margin-bottom:0;} .ind_new ul li .text{width: calc(100% - 140px); float:left;} .ind_new ul li .text .name{ display:block;font-size:20px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all .3s ease;} .ind_new ul li:hover .text .name{ color:#088898;} .ind_new ul li .text span{ font-size:15px; color:#999; line-height:28px; height:56px; margin:20px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ind_new ul li time{ display:block; width:100px;text-align:right; float:right;} .ind_new ul li time p{ font-size:18px; color:#ccc; font-weight:bold; text-align:right;margin-top: 20px;} .ind_new ul li time span{ font-size:34px; font-family:"impact";} .ind_new ul li time span i{ font-style:normal; color:#088898;} @media screen and (max-width:1080px){ .ind_new{ margin:40px 0;} .ind_new .left{ width:100%; position:static;} .ind_new .left img{ display:none;} .ind_new .left .newbt{position:static; text-align:center;} .ind_new .left .newbt p{ font-size:26px;} .ind_new .left .newbt em{ margin:15px auto;} .ind_new .left .newbt span{ display:none;} .ind_new ul{ width:100%;} .ind_new ul li .text{width: calc(100% - 120px);} .ind_new ul li .text span{margin: 15px 0;} } @media screen and (max-width:767px){ .ind_new{ margin:30px 0;} .ind_new ul li{ margin-bottom:20px;} .ind_new ul li .text{width: calc(100% - 80px);} .ind_new ul li .text .name{ font-size:17px;} .ind_new ul li .text span {margin: 10px 0;} .ind_new ul li time{width:80px;} .ind_new ul li time p{margin-top: 18px;} .ind_new ul li time span{ font-size:26px; font-family:"impact";} } /*首页数字滚动*/ .ind_data{ background:#086f80 url(../images/databg.jpg) center bottom no-repeat; padding:66px 0; overflow:hidden;} .ind_data ul{display: -webkit-flex;display: flex;flex-wrap: wrap;} .ind_data ul li{ width:20.5%; margin-right:6%; background:#fff; border-radius:5px; text-align:center; float:left; padding:44px 20px;} .ind_data ul li:last-child{ margin-right:0;} .ind_data ul li img{transition: all .4s ease;} .ind_data ul li:hover img{transform: rotateY(180deg);} .ind_data ul li em{ display:block; width:24px; height:3px; background:#088898; margin:18px auto;} .ind_data ul li span{ font-size:16px; color:#088898;} @media screen and (max-width:1080px){ .ind_data{padding:40px 0;} .ind_data ul li{ width:23%; margin-right:2.6666666%;padding: 24px 10px;} .ind_data ul li img{ width:46px;} } @media screen and (max-width:767px){ .ind_data{padding:40px 0 25px;} .ind_data ul li{ width:48.5%; margin-right:3%; margin-bottom:15px;} .ind_data ul li:nth-child(2n){ margin-right:0;} .ind_data ul li em{margin: 10px auto;} } /*首页技术文章*/ .ind_artcle{ padding:66px 0; background:#eef1f3; min-height:400px; overflow:hidden;} .ind_artcle .artbox{ width:100%; margin-top:40px; overflow:hidden;} .ind_artcle ul li{ width:33.33333333%; background:#fff; padding:38px; float:left;border-right:1px solid #eef1f3; position:relative;transition: all .3s ease;} .ind_artcle ul li:hover:after{ content:""; display:block; width:63px; height:28px;background:url(../images/zhejiao.png) center no-repeat; position:absolute; bottom:-1px; right:60px;} .ind_artcle ul li p{font-size:26px; line-height:30px; font-family:"impact";} .ind_artcle ul li span{ display:block; font-size:16px; color:#999;} .ind_artcle ul li .name{font-size:20px; margin:20px 0;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .ind_artcle ul li .ms{ font-size:15px; color:#999; line-height:28px; height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ind_artcle ul li .more{ display:block; width:130px; height:40px; line-height:38px; text-align:center; color:#999; border:1px solid #dcdcdc; border-radius:5px; margin-top:20px; position:relative; padding-right:17px;} .ind_artcle ul li .more:after{ content:""; display:block; width:17px; height:18px; background:url(../images/artjt.png) center no-repeat; position:absolute; top:50%; transform:translateY(-50%); right:20px;} .ind_artcle ul li:hover{ background:#088898;} .ind_artcle ul li:hover p,.ind_artcle ul li:hover span,.ind_artcle ul li:hover .name,.ind_artcle ul li:hover .ms{color:#fff;} .ind_artcle ul li:hover .more{ border:#fff; background:#fff; color:#088898;} .ind_artcle ul li:hover .more:after{background:url(../images/artjt2.png) center no-repeat;} @media screen and (max-width:1080px){ .ind_artcle{ padding:40px 0;} .ind_artcle .artbox{ margin-top:30px;} .ind_artcle ul li{ padding:25px;} .ind_artcle ul li .name{ margin:10px 0; font-size:18px;} .ind_artcle ul li:hover:after{ right:50px;} } @media screen and (max-width:767px){ .ind_artcle{ padding:30px 0;} .ind_artcle .artbox{ margin-top:20px;} .ind_artcle ul li{ padding:20px;} .ind_artcle ul li .name{font-size:17px;} .ind_artcle ul li:hover:after{ right:40px;} } /*首页友情链接*/ .link{padding:66px 0; background:#fff; overflow:hidden;} .link .linkbox{ border:1px solid #ddd; padding:20px 30px;width: calc(100% - 35px); float:right;} .link .linkbox .left{ margin-left:-65px; width:210px; float:left;} .link .linkbox .left img{ margin-right:18px; float:left;} .link .linkbox .left p{ font-size:20px; font-weight:bold; float:left; text-align:center;} .link .linkbox .left p span{ display:block; opacity:.1; font-size:50px; line-height:60px;font-family:"impact"; text-transform:uppercase; margin-bottom:-30px; font-weight:normal;} .link .linkbox .right{ float:left;width: calc(100% - 180px); margin-left:20px;} .link .linkbox .right a{ padding:0 5px; line-height:28px;} .link .linkbox .right a:hover{ color:#088898;} @media screen and (max-width:1080px){ .link{padding:40px 0;} .link .linkbox{padding:20px;} .link .linkbox .left{ width:190px;margin-left:-55px;} .link .linkbox .left img{margin-right:10px;} .link .linkbox .left p span{ font-size:40px;} .link .linkbox .right{ float:left;width: calc(100% - 140px); margin-left:0;} } @media screen and (max-width:767px){ .link{padding:30px 0;} .link .linkbox{ width:100%;} .link .linkbox .left{ width:100%; margin-left:0;} .link .linkbox .left img{ width:60px;} .link .linkbox .left p span{ line-height:56px;} .link .linkbox .right{ width:100%; margin-top:10px;} } /*footer*/ footer{padding:74px 0 0; background:#000 url(../images/footbg.png) repeat;} footer .foot1{ padding-bottom:48px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.1);} footer .foot1 .left{ width:240px; float:left;} footer .foot1 .left .ftlg{ max-width:100%;} footer .foot1 .left .footewm{ margin-top:60px;background:#fff; width:194px; padding:12px; overflow:hidden; position:relative;} footer .foot1 .left .footewm img{ margin-left:2px; max-width:100%;} footer .foot1 .left .footewm p{ font-size:15px; color:#666; text-align:center; margin:5px 0 10px;} footer .foot1 .left .footewm:after{ content:""; display:block; width:164px; height:60px;background:url(../images/scan.png) no-repeat; position:absolute; left:50%; transform:translateX(-50%);top:12px;animation:saomiao 2s linear infinite;} @keyframes saomiao { 0% {top:12px;} 50% {top:60%;} 0% {top:12px;} } footer .foot1 .right{width: calc(100% - 380px); float:right;} footer .foot1 .right ul.footnav{ width:50%; float:left;display: -webkit-flex;display: flex;flex-wrap: wrap;} footer .foot1 .right ul.footnav li{ width:33%; float:left; border-right:1px solid rgba(255,255,255,.1);} footer .foot1 .right ul.footnav li p{ font-size:20px; color:#fff;margin-bottom: 50px;} footer .foot1 .right ul.footnav li a{ display:block; width:100%; height:42px; line-height:42px; font-size:16px; color:rgba(255,255,255,.3);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} footer .foot1 .right ul.footnav li a:hover{ color:#fff; transition: all .3s ease;} footer .foot1 .right ul.footnav li:nth-of-type(2){width:67%; padding:0 40px 0 70px;} footer .foot1 .right .footlx{ width:50%; float:right; padding-left:70px;} footer .foot1 .right .footlx .ftlxtop{ width:100%; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.1); position:relative; overflow:hidden;} footer .foot1 .right .footlx .ftlxtop span{ font-size:20px; color:#fff;} footer .foot1 .right .footlx .ftlxtop p{ font-size:28px; color:#dd0b14; font-weight:lighter; margin-top:15px;} footer .foot1 .right .footlx .ftlxtop img{ position:absolute; right:0; top:50%; transform:translateY(-50%);} footer .foot1 .right .footlx .ftlxbotm{ margin-top:40px;} footer .foot1 .right .footlx .ftlxbotm p{ color:#fff;} footer .foot1 .right .footlx .ftlxbotm p img{ margin-right:10px;} footer .foot1 .right .footlx .ftlxbotm .btn{ margin-top:100px;} footer .foot1 .right .footlx .ftlxbotm .btn a{ display:block; width:154px; height:52px; line-height:52px; font-size:18px; color:#fff; text-align:center; background:#f82838; float:left; position:relative;} footer .foot1 .right .footlx .ftlxbotm .btn a:nth-of-type(2){background:#088898; margin-left:26px;} footer .foot1 .right .footlx .ftlxbotm .btn p{ font-size:0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} footer .banquan{ padding:38px 0; overflow:hidden;} footer .banquan p{width:50%;color: rgba(255,255,255,.3);float:left;} footer .banquan p a{color: rgba(255,255,255,.3); padding-left:15px;} footer .banquan p a:hover{ color:#fff;} footer .banquan p:nth-of-type(2){ float:right;display: flex;display: -webkit-flex;justify-content: end;} @media screen and (max-width:1400px){ footer .foot1 .right{width: calc(100% - 330px);} footer .foot1 .right ul.footnav li{ width:40%;} footer .foot1 .right ul.footnav li:nth-of-type(2){ width:60%; padding: 0 40px;} footer .foot1 .right .footlx{padding-left: 40px;} footer .foot1 .right .footlx .ftlxbotm .btn a{ width:134px;} } @media screen and (max-width:1080px){ footer{padding:54px 0 0;} footer .foot1 .left{ width:220px;} footer .foot1 .right{width: calc(100% - 260px);} footer .foot1 .right ul.footnav{ width:25%;} footer .foot1 .right ul.footnav li{ width:100%;} footer .foot1 .right ul.footnav li:nth-of-type(2){ display: none;} footer .foot1 .right .footlx{width:75%;} footer .foot1 .right .footlx .ftlxbotm .btn a{ width:120px; height:46px; line-height:46px; font-size:16px;} footer .foot1 .right .footlx .ftlxbotm .btn a:nth-of-type(2){margin-left:10px;} footer .banquan p{width:100%; text-align:center; line-height:28px;} footer .banquan p:nth-of-type(2){ float:none; display:block;} } @media screen and (max-width:767px){ footer{padding:40px 0 0;} footer .foot1{ padding-bottom:20px;} footer .foot1 .left .ftlg{ display:none;} footer .foot1 .left{ width:auto; float:none;} footer .foot1 .left .footewm{ margin:0 auto; background:none; padding:0; width:166px;} footer .foot1 .left .footewm img{ margin-left:0;} footer .foot1 .right{ display:none;} footer .banquan{ padding:25px 0;} } /*内页banner*/ .nybanner{ width:100%; height:548px; overflow:hidden; margin:0 auto; padding:0; position:relative;} .nybanner img { display: block; width: 1920px; height: 548px; overflow: hidden; margin: 0 0 0 -960px; position: absolute; left: 50%; top: 0; } .nybanner .w1400{position:relative; height:100%;} .nybanner .ny_bigt{position: absolute;top:50%;transform: translateY(-50%);height:96px;font-size:32px; font-weight:bold; color:#fff;} .nybanner .ny_bigt p{ font-size:24px; text-transform:uppercase; opacity:.2;} @media screen and (max-width:1399px){ .nybanner{height:400px;} .nybanner img {width: 1920px; height:400px;} .nybanner .ny_bigt{ width:236px; height:80px;padding:8px 20px 0; font-size:26px;} .nybanner .ny_bigt p{ font-size:13px;} } @media screen and (max-width:1199px){ .nybanner { height: 350px;} .nybanner img { width: 1920px; height: 350px; overflow: hidden; margin: 0 0 0 -960px;} } @media screen and (max-width:1079px){ .nybanner {height: 260px; } .nybanner img { display: block; width: 1920px; height: 260px;} .nybanner .ny_bigt{ display:none;} } @media screen and (max-width:767px) { .nybanner {height: auto; overflow: hidden; margin: 0 auto; padding: 0; } .nybanner img { display: block; width: 180%; height: auto; overflow: hidden; margin: 0 0 0 -40%; position: static;} } /*内页面包屑*/ .mianbao{margin:24px auto !important; font-size:16px;} .mianbao img{ margin-right:5px;} .mianbao a:hover{ color:#088898;} .mianbao span{ color:#999;} .abnav{ margin-bottom:48px; overflow:hidden;} .abnav a{ width:16.6666667%; height:64px; line-height:64px; text-align:center; background:#edf1f4; font-size:18px; float:left; transition: all .4s ease; position:relative;} .abnav a:after{ content:""; display:block; width:1px; height:18px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%);} .abnav a:last-child:after{ display:none;} .abnav a:hover,.abnav a.on{background:#088898; color:#fff; font-weight:bold;} .abnav a:hover:after,.abnav a.on:after{ display:none;} @media screen and (max-width:1080px){ .abnav{ margin-bottom:38px;} .abnav a{height:54px; line-height:54px; font-size:16px;} } @media screen and (max-width:767px){ .mianbao{margin:15px auto!important;} .abnav{ display:none;} } /*nyabout*/ .nyabout_gsjs{ background:#edf1f4; padding:70px 0; overflow:hidden;} .nyabout_gsjs .left{ width: calc(100% - 694px); float:left;} .nybttong span{ font-size:18px; color:rgba(0,0,0,.2);} .nybttong p{ font-size:36px; line-height:38px; font-weight:bold; color:#333;} .nybttong em{ display:block; position:relative; margin-top:20px;} .nybttong em:before{ content:""; display:block; width:16px; height:16px; border-radius:50%; background:#f82838; position:absolute; left:0;} .nybttong em:after{content:""; display:block; width:16px; height:16px; border-radius:50%; background:#f82838; opacity:.25; position:absolute; left:11px;} .nyabout_gsjs .left .cont{ color:#666; line-height:28px; margin-top:70px; max-height:336px; overflow-y:scroll;padding-right:20px;min-height: 200px;} .nyabout_gsjs .left .cont::-webkit-scrollbar { width:3px;} .nyabout_gsjs .left .fotwenzi{ font-size:20px; font-weight:bold; color:#088898; margin-top:20px;} .nyabout_gsjs .right{ width:654px; float:right; position:relative;} .nyabout_gsjs .right img{ max-width:100%;} .nyabout_gsjs .right .text{ position:absolute; bottom:-50px; right:-50px; background:#088898; padding:20px 28px;} .nyabout_gsjs .right .text p{ font-size:42px; color:#fff; margin:20px 0 10px;} .nyabout_gsjs .right .text i{ font-style:normal; padding-left:50px;} .nyabout_gsjs .right .text span{ display:block; width:60%; float:left; font-size:17px; font-weight:bold; color:rgba(255,255,255,.64);} .nyabout_gsjs .right .text em{ display:block; width:100px; height:4px;background:url(../images/nygsjjico.png) no-repeat; float: right; margin-top:40px;} @media screen and (max-width:1300px){ .nyabout_gsjs .left{ width: calc(100% - 584px);} .nyabout_gsjs .left .cont{ max-height:280px;} .nyabout_gsjs .right{ width:554px;} .nyabout_gsjs .right .text{bottom: -80px;} } @media screen and (max-width:1080px){ .nyabout_gsjs{padding:40px 0;} .nyabout_gsjs .left{ width: calc(100% - 430px);} .nybttong span{ font-size:14px;} .nybttong p{ font-size:26px;} .nybttong em{ margin-top:10px;} .nyabout_gsjs .left .cont{ max-height:252px; margin-top:40px;} .nyabout_gsjs .left .fotwenzi{ display:none;} .nyabout_gsjs .right{ width:410px;} .nyabout_gsjs .right .text{ padding:20px 30px 20px 15px;} .nyabout_gsjs .right .text{bottom: -60px;} .nyabout_gsjs .right .text p{ font-size:34px;margin:0 0 5px;} .nyabout_gsjs .right .text i{padding-left: 20px;} .nyabout_gsjs .right .text span{ display:none;} .nyabout_gsjs .right .text em{ margin:10px 0;} } @media screen and (max-width:880px){ .nyabout_gsjs .left{ width:100%;} .nyabout_gsjs .left .cont{ max-height:none; overflow:hidden; padding:0;} .nyabout_gsjs .right{ display:none;} } @media screen and (max-width:767px){ .nyabout_gsjs{padding:30px 0;} .nybttong em{ display:none;} .nyabout_gsjs .left .cont{ margin-top:10px;} } /*about 企业文化*/ .nyab_qywh{padding:70px 0; overflow:hidden; background:url(../images/nyab_qywhbg.jpg) center no-repeat; background-size:cover;} .nyab_qywh .nybttong{ text-align:center;} .nyab_qywh .nybttong span{ color:rgba(255,255,255,.15);} .nyab_qywh .nybttong p{ color:#fff;} .nyab_qywh .nybttong em{ width:27px; margin:20px auto 0;} .nyab_qywh ul{ width:100%; margin-top:75px;display: -webkit-flex;display: flex;flex-wrap: wrap;} .nyab_qywh ul li{ width:23.5%; margin-right:2%; background:#fff; float:left; padding:30px; text-align:center; position:relative; overflow:hidden;} .nyab_qywh ul li:nth-child(4n){ margin-right:0;} .nyab_qywh ul li:after{ content:""; display:block; width:100%; height:0; background:#088898; position:absolute; left:0; bottom:0; transition: all .4s ease; } .nyab_qywh ul li:hover:after{ height:4px;} .nyab_qywh ul li .text{ font-size:44px; color:rgba(153,153,153,.15); font-weight:bold;} .nyab_qywh ul li .text p{font-size:22px; font-weight:bold; color:#333;transition: all .4s ease; position:relative;margin-bottom: -55px;} .nyab_qywh ul li:hover .text p{color:#088898;} .nyab_qywh ul li span{ font-size:15px; color:#999; line-height:26px; padding:0 30px; display:block;} .nyab_qywh ul li em{ display:block; width:84px; height:84px; margin:0 auto 35px; background:url(../images/qywhicoo1.png) center no-repeat; background-position:-84px 0;} .nyab_qywh ul li:nth-of-type(2) em{background:url(../images/qywhicoo2.png) center no-repeat;background-position:-84px 0;} .nyab_qywh ul li:nth-of-type(3) em{background:url(../images/qywhicoo3.png) center no-repeat;background-position:-84px 0;} .nyab_qywh ul li:nth-of-type(4) em{background:url(../images/qywhicoo4.png) center no-repeat;background-position:-84px 0;} .nyab_qywh ul li:hover em{background-position:0 0;} .nyab_qywh ul li:nth-of-type(2):hover em{background-position:0 0;} .nyab_qywh ul li:nth-of-type(3):hover em{background-position:0 0;} .nyab_qywh ul li:nth-of-type(4):hover em{background-position:0 0;} @media screen and (max-width:1400px){ .nyab_qywh{padding:60px 0;} .nyab_qywh ul li span{ padding:0;} .nyab_qywh ul li .text{ font-size:40px;} .nyab_qywh ul li .text p{margin-bottom: -50px;} .nyab_qywh ul li em{margin: 0 auto 25px;} } @media screen and (max-width:1080px){ .nyab_qywh{padding:40px 0;} .nyab_qywh ul{margin-top: 65px;} .nyab_qywh ul li{ padding:25px 15px;} .nyab_qywh ul li .text{ font-size:30px; color:#fff;} .nyab_qywh ul li .text p{ font-size:20px;margin-bottom: -38px;} .nyab_qywh ul li span{ font-size:14px; line-height:20px;} .nyab_qywh ul li em{width: 64px; height: 64px;margin: 0 auto 20px; background-position: -64px 0; background-size: 128px 64px;} .nyab_qywh ul li:nth-of-type(2) em{ background-position: -64px 0; background-size: 128px 64px;} .nyab_qywh ul li:nth-of-type(3) em{ background-position: -64px 0; background-size: 128px 64px;} .nyab_qywh ul li:nth-of-type(4) em{ background-position: -64px 0; background-size: 128px 64px;} } @media screen and (max-width:767px){ .nyab_qywh{padding:30px 0 15px;} .nyab_qywh ul{margin-top: 15px;} .nyab_qywh ul li{ width:48.5%; margin-right:3%; margin-bottom:15px; padding:20px 15px;} .nyab_qywh ul li:nth-child(2n){ margin-right:0;} .nyab_qywh ul li em{width: 54px; height: 54px;margin: 0 auto 10px; background-position: -54px 0; background-size: 108px 54px;} .nyab_qywh ul li:nth-of-type(2) em{ background-position: -54px 0; background-size: 108px 54px;} .nyab_qywh ul li:nth-of-type(3) em{ background-position: -54px 0; background-size: 108px 54px;} .nyab_qywh ul li:nth-of-type(4) em{ background-position: -54px 0; background-size: 108px 54px;} } @media screen and (max-width:500px){ .nyab_qywh ul li .text{ font-size:24px;} .nyab_qywh ul li .text p{ font-size:18px;margin-bottom: -28px;} } /*关于我们 荣誉资质*/ .nyab_honor{padding:70px 0; overflow:hidden;} .nyab_honor .w1400{ position:relative;min-height: 400px;} .nyab_honor .w1400:after{content:""; display:block; width:100%; height:120px;background:url(../images/honor_dz.png) bottom no-repeat; position:absolute; bottom:0; background-size:cover;} .nyab_honor .line{ margin-top:70px;} .nyab_honor .padd{padding:0 95px;} .nyab_honor .honorbox{ position:relative; overflow:hidden; margin-top:60px; padding-right:28px;} .nyab_honor .honorbox ul li{ width:32%; float:left; position:relative;} .nyab_honor .honorbox ul li:after{ content:""; display:block; width:90%; height:280px; background:#000; position:absolute; top:0; left:50px; filter: blur(6px); opacity:.1;transform: skewX(4deg);} .nyab_honor .honorbox ul li .pic{ display:block; width:100%; height:280px;position:relative; background:#fff; z-index:22;} .nyab_honor .honorbox ul li .pic img{ max-width:94%; max-height:94%; margin:auto; position:absolute; top:0; bottom:0; left:0; right:0;} .nyab_honor .honorbox ul li .name{ display:block; width:100%; height:55px; line-height:55px; text-align:center; font-size:20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease; z-index:2; position:relative;margin-top: 33px;} .nyab_honor .honorbox ul li:hover .name{ color:#088898;} .nyab_honor .swiper-button-prev,.nyab_honor .swiper-button-next{ width:38px; height:38px; border-radius:50%; background:#088898 url(../images/horjt02.png) center no-repeat; right:0; top:90px; z-index:2;} .nyab_honor .swiper-button-prev{background:#088898 url(../images/horjt01.png) center no-repeat; left:auto; right:53px;} @media screen and (max-width:1400px){ .nyab_honor{padding:60px 0;} .nyab_honor .padd {padding: 0 60px;} .nyab_honor .honorbox{ margin-top:45px;padding-right:18px;} .nyab_honor .honorbox ul li:after{width:90%;left:20px; filter: blur(6px); opacity:.1;transform: skewX(4deg);} .nyab_honor .honorbox ul li .name{ font-size:18px; margin-top:23px;} } @media screen and (max-width:1080px){ .nyab_honor{padding:40px 0;} .nyab_honor .line{ margin-top:50px;} .nyab_honor .padd {padding: 0 30px;} .nyab_honor .honorbox{ padding:0;} .nyab_honor .honorbox ul li:after{ display:none;} .nyab_honor .honorbox ul li .pic{ box-shadow:5px 0 15px rgba(0,0,0,.15);} .nyab_honor .swiper-button-prev, .nyab_honor .swiper-button-next{ top:70px;} } @media screen and (max-width:767px){ .nyab_honor{padding:30px 0;} .nyab_honor .line{ margin-top:15px;} .nyab_honor .honorbox{ margin-top:30px;} .nyab_honor .honorbox ul li .pic{height:220px;} .nyab_honor .honorbox ul li .name{ font-size:16px;} .nyab_honor .swiper-button-prev, .nyab_honor .swiper-button-next{ width:30px; height:30px; top:40px;} .nyab_honor .swiper-button-prev{ right:40px;} } @media screen and (max-width:500px){ .nyab_honor .w1400{min-height:200px;} .nyab_honor .padd {padding: 0 20px;} .nyab_honor .honorbox ul li .pic{height:180px;} .nyab_honor .honorbox ul li .name{ font-size:15px; height:40px; line-height:40px; margin-top:10px;} .nyab_honor .w1400:after{ display:none;} } @media screen and (max-width:320px){ .nyab_honor .padd {padding:0;} .nyab_honor .honorbox ul li .name{margin-top:0;} } /*内页视频中心*/ .nyvideo{ padding:70px 0; background:#edf1f4; overflow:hidden;min-height: 400px;} .nyvideo ul li{ width:32%; margin-right:2%; float:left;margin-bottom:35px;} .nyvideo ul li:nth-child(3n){ margin-right:0;} .nyvideo ul li .pic{ display:block; width:100%; height:292px; overflow:hidden; position:relative; background:#fff;} .nyvideo ul li .pic img{ width:100%; max-height:100%;object-fit: cover; position: absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .4s ease;} .nyvideo ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .nyvideo ul li .pic:before{ content:""; display:block; width:50px; height:50px; position:absolute; left:25px; bottom:25px; background:url(../images/videoico.png) center no-repeat; z-index:22;} .nyvideo ul li .pic:after{ content:""; display:block; width:100%; height:40%; position:absolute; bottom:0;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5))} .nyvideo ul li .name{ font-size:20px; height:50px; line-height:50px; margin:10px 0 0; width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; transition: all .4s ease;} .nyvideo ul li:hover .name{ color:#088898;} .nyvideo ul li time{font-size:16px; color:#999; ma} @media screen and (max-width:1400px){ .nyvideo{ padding:60px 0;} .nyvideo ul li .pic{height:240px; } } @media screen and (max-width:1200px){ .nyvideo ul li{ margin-bottom:25px;} .nyvideo ul li .pic{height:220px; } .nyvideo ul li .name{font-size:18px; height:44px; line-height:44px;} .nyvideo ul li time{} } @media screen and (max-width:1080px){ .nyvideo{ padding:40px 0;} .nyvideo ul li .pic{height:180px; } .nyvideo ul li .pic:before{left: 20px; bottom: 20px;} .nyvideo ul li .name{font-size:16px;height:36px; line-height:36px;margin:5px 0 0;} .nyvideo ul li time{font-size:14px;} } @media screen and (max-width:767px){ .nyvideo{ padding:30px 0;} .nyvideo ul li{ width:48.5%; margin-right:3%;} .nyvideo ul li:nth-child(3n){ margin-right:3%;} .nyvideo ul li:nth-child(2n){ margin-right:0;} } @media screen and (max-width:500px){ .nyvideo ul li { margin-bottom:15px;} .nyvideo ul li .pic{height:140px; } .nyvideo ul li .name{ font-size:15px;height: 30px;line-height: 30px;} .nyvideo ul li time{ display:none;} } @media screen and (max-width:414px){ .nyvideo ul li .pic{height:120px; } } /*分页样式 开始*/ #fengye { text-align: center; margin: 20px auto 0; color: #555; font-size:15px;} .lyNy_News #fengye{margin: 0 auto;} #fengye table { margin:0 auto;} #fengye a { display: inline-block; padding: 0 15px; background: #e3e8eb; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; border-radius:2px; color: #333; font-size:15px;} #fengye a:hover { background: #0292a8; color: #fff; } #fengye a.pnnum1 { background: #0292a8; color: #fff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #0292a8; width: 40px !important; height: 32px !important; line-height: 32px; text-align: center; border-radius: 2px; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 15px; background: #e3e8eb; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; color: #333; cursor: default;} .lyNy_video #fengye { margin:0 auto;} @media (max-width: 1080px) { #fengye {margin: 10px auto 0;font-size:0; } #fengye a {font-size:14px;} #fengye .p_input{ display:none;} #fengye input{display:none;} } @media (max-width: 767px) { #fengye { margin:15px auto 0; font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 4px; background:#ddd;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} #fengye table tr td { font-size:0;} } @media (max-width: 375px) { } @media screen and (max-width:374px) and (min-width:321px) { #fengye a{padding: 0 4%;} } @media (max-width: 320px) { #fengye a { padding:0 12px;} } /*分页样式 结束*/ /*NyProducts 开始*/ .nybgcor{ background:#edf1f4; padding:70px 0; overflow:hidden;} .NyProducts {height:auto; min-height:320px;} .NyProducts .NyPro_Left { width:23.5%; height:auto; margin:0; padding:0; float:left;} .NyProducts .NyPro_Right { width:76.5%; height:auto; margin:0; padding:0 0 0 30px; float:right;} .NyPro_Right .nyPro_list{ width:100%;min-height:400px;} .NyPro_Right .nyPro_list li{ width:32%; float:left; margin-right:2%; margin-bottom:20px; background:#fff;} .NyPro_Right .nyPro_list li:nth-child(3n){margin-right:0;} .NyPro_Right .nyPro_list li .propic{ width:100%; height:274px;} .NyPro_Right .nyPro_list li .propic a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;} .NyPro_Right .nyPro_list li .propic a:after{ content:""; display:block;width:100%; height:100%; background:rgba(8,120,136,.6) url(../images/prohover.png) center no-repeat; position:absolute; left:0; bottom:-100%; z-index:2; transition: all .3s ease;} .NyPro_Right .nyPro_list li:hover .propic a:after{ bottom:0;} .NyPro_Right .nyPro_list li .propic a img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} .NyPro_Right .nyPro_list li .protext .name{ display:block; background:#e3e8eb; width:100%; height:58px; line-height:58px; padding:0 10px; text-align:center; font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .3s ease;} .NyPro_Right .nyPro_list li:hover .protext .name{ background:#088898; color:#fff;} @media (max-width:1400px) { .nybgcor{padding:60px 0;} .NyPro_Right .nyPro_list li .propic{ width:100%; height:244px;} .NyPro_Right #fengye { margin:20px auto 0;} } @media (max-width:1200px) { .NyPro_Right .nyPro_list li .propic{ width:100%; height:204px;} .NyPro_Right .nyPro_list li .protext .name{height:50px; line-height:50px;} } @media (max-width:1080px) { .nybgcor{padding:40px 0;} } @media (max-width:800px) { .NyPro_Right .nyPro_list li{ margin-bottom:15px;} .NyProducts .NyPro_Left { width:100%; margin:0 auto; float:inherit;} .NyProducts .NyPro_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyPro_Right #fengye { margin:20px auto 0;} } @media (max-width:767px) { .nybgcor{padding:30px 0;} .NyPro_Right .nyPro_list li{ width:48.5%; margin-right:3%;} .NyPro_Right .nyPro_list li:nth-child(3n){margin-right:3%;} .NyPro_Right .nyPro_list li:nth-child(2n){margin-right:0;} } @media (max-width:500px) { .NyPro_Right .nyPro_list li .propic{ height:170px;} } /*产品分类 开始*/ .h_left { width:100%; overflow:hidden; background-color:#fff; margin:0 auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cp_type {} .cp_type .hd { width:100%; height:auto; margin:0 auto 10px; padding:30px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .cp_type .hd p { width:100%; height:30px; line-height:30px; color:#088898; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .cp_type .hd p img { display:block; width:24px; height:24px; margin:3px 10px 3px 0; padding:0; float:left;} .cp_type .hd span { display:block; height:24px; line-height:24px; color:#aaa; font-size:14px;} .cp_type .hd em { display:block; width:50px; height:2px; margin:6px 0 0; padding:0; background:url(../images/line05.png) 0 0 no-repeat;} .cp_type .hd i { display:none;} .cp_type .bd { padding:0;} .cp_type .bd ul li { background-color:#fff; padding:0;} .cp_type .bd ul li.on {} .cp_type .bd ul li p { height:40px; line-height:40px; padding:0 70px 0 30px; position:relative;} .cp_type .bd ul li:last-child p {} .cp_type .bd ul li p a { display:block; width:100%; padding:0; overflow: hidden; line-height:40px; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:30px;} .cp_type .bd ul li div { display:none; padding:15px 30px;} .cp_type .bd ul li div a { display:block; height:32px; line-height:32px; color:#999; font-size:14px; border-top:0px solid #eaeaea; padding:0 0 0 20px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; background:url(../images/ico08.png) 4px 14px no-repeat;} .cp_type .bd ul li div a:first-child { border-top:0;} .cp_type .bd ul li:hover p, .cp_type .bd ul li.on p { background-color:#088898} .cp_type .bd ul li:hover p a, .cp_type .bd ul li.on p a { color:#fff;} .cp_type .bd ul li:hover p span { background:url(../images/mulu1.png) center center no-repeat;} .cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;} .cp_type .bd ul li div a:hover { color:#088898; background:url(../images/ico09.png) 4px 14px no-repeat;} .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd ul a.ckqb:hover { background:#088898; color:#fff;} .ProAll { width:100%; height:auto; margin:0 auto; padding:10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ProAll a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .ProAll a i { display:block; width:40px; height:40px; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:30px;} .ProAll a:hover { color:#088898;} .ProAll a:hover i { background:url(../images/mulu3.png) center center no-repeat;} /*相关文章 开始*/ .NyXgwz { width:100%; overflow:hidden; background-color:#fff; margin:30px auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz .NyXgwz_Title { width:100%; height:auto; margin:0 auto; padding:30px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_Title p { width:100%; height:30px; line-height:30px; color:#088898; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .NyXgwz_Title p img { display:block; width:24px; height:24px; margin:3px 10px 3px 0; padding:0; float:left;} .NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .NyXgwz_Title em { display:block; width:50px; height:2px; margin:6px 0 0; padding:0; background:url(../images/line05.png) 0 0 no-repeat;} .NyXgwz .NyXgwz_List { width:100%; height:auto; margin:0 auto; padding:15px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:4px 0;} .NyXgwz_List dl dd a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 0 0 20px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd a i { display:block; width:6px; height:6px; margin:0; padding:0; background:url(../images/ico08.png) center center no-repeat; position:absolute; top:20px; left:4px;} .NyXgwz_List dl dd a:hover { color:#088898;} .NyXgwz_List dl dd a:hover i { background:url(../images/ico09.png) center center no-repeat;} /*相关文章 结束*/ @media screen and (max-width:1366px) { .cp_type .bd ul li p a { font-size:15px;} .ProAll a { font-size:15px;} .NyXgwz_List dl dd a { font-size:15px;} } @media screen and (max-width:1280px) { .cp_type .hd { padding:20px;} .cp_type .bd ul li p { padding:0 60px 0 20px;} .cp_type .bd ul li p span { right:20px;} .ProAll a { padding:0 20px;} .ProAll a i { right:20px;} .cp_type .bd ul li div { padding:10px 20px;} .NyXgwz .NyXgwz_Title { padding:20px;} .NyXgwz .NyXgwz_List { padding:10px 20px;} .NyXgwz_List dl dd { padding:0;} } @media screen and (max-width:1200px) { .cp_type .hd p { font-size:22px;} .NyXgwz_Title p { font-size:22px;} } @media screen and (max-width:1080px) { .cp_type .hd { padding:15px;} .cp_type .hd span{ display:none;} .cp_type .bd ul li p { padding:0 55px 0 15px;} .cp_type .bd ul li p span { right:15px;} .ProAll a { padding:0 15px;} .ProAll a i { right:15px;} .NyXgwz .NyXgwz_Title { padding:15px;} .NyXgwz_Title p img { display:block; width:26px; height:26px; margin:3px 10px 3px 0; padding:0; float:left;} .NyXgwz .NyXgwz_List { padding:10px 15px;} } @media screen and (max-width:1024px) { .cp_type .hd p { height:30px; line-height:30px; font-size:24px;} .cp_type .hd p img { width:24px; height:24px;} .NyXgwz_Title p { height:30px; line-height:30px; font-size:24px;} .NyXgwz_Title p img { width:24px; height:24px;} } @media screen and (max-width:800px) { .h_left { margin:0 auto 20px;} .cp_type .hd { margin:0 auto; padding:20px; position:relative;} .cp_type .hd p:before { display:none;} .cp_type .hd p { font-size:22px; margin:0 auto 2px;} .cp_type .hd p img { width:22px; height:22px; margin:4px 10px 4px 0;} .cp_type .hd span { height:20px; line-height:20px; display:block;} .cp_type .hd i { display:block; width:40px; height:40px; margin:0; padding:0; background:rgba(0,87,184,0.06) url(../images/mulu1.png) center center no-repeat; position:absolute; top:30px; right:20px;} .cp_type .hd.on i { background:rgba(0,87,184,0.06) url(../images/mulu2.png) center center no-repeat;} .cp_type .bd { margin:20px auto 0;} .cp_type .bd ul li { padding:0;} .cp_type .bd ul li.on { padding:0;} .cp_type .bd ul li p { padding:0 60px 0 20px;} .cp_type .bd ul li div a { padding:0 0 0 20px;} .cp_type .bd { display:none;} .ProAll a { padding:0 19px;} .NyXgwz { margin:20px auto;} .NyXgwz .NyXgwz_Title { padding:20px;} .NyXgwz_Title p { font-size:22px; margin:0 auto 2px;} .NyXgwz_Title p img { width:22px; height:22px; margin:4px 10px 4px 0;} .NyXgwz_Title span { height:20px; line-height:20px;} .NyXgwz .NyXgwz_List { padding:15px 20px;} } @media screen and (max-width:767px) { .cp_type .hd p { font-size:20px;} .NyXgwz_Title p { font-size:20px;} } /*产品分类 结束*/ /*NyProducts 结束*/ /*NyProlist 开始*/ .NyProlist {min-height:320px;} .NyProlist .NyProlist_Left { width:23.5%; height:auto; margin:0; padding:0; float:left;} .NyProlist .NyProlist_Right { width:76.5%; height:auto; margin:0; padding:0 0 0 30px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProlist_Right ul li { width:100%; height:auto; margin:0 auto 30px; padding:15px; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.06); position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProlist_Right ul li:hover { box-shadow:0 0 20px rgba(0,0,0,0.06);} .NyProlist_Right ul li .NyProlist_Img { width:28.5%; height:200px; overflow:hidden; margin:0; padding:0; float:left;} .NyProlist_Right ul li .NyProlist_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; border:1px solid #eee; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProlist_Right ul li .NyProlist_Img a img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProlist_Right ul li:hover .NyProlist_Img a { border:1px solid #088898;} .NyProlist_Right ul li:hover .NyProlist_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyProlist_Right ul li .NyProlist_Text { width:71.5%; height:auto; overflow:hidden; margin:0; padding:15px 15px 25px 30px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Name { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Name a { display:block; width:100%; height:38px; overflow:hidden; line-height:38px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProlist_Right ul li:hover .NyProlist_Text .NyProlist_Name a { color:#088898;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms { width:100%; height:auto; overflow:hidden; margin:10px auto 20px; padding:0;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms p { width:100%; height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl { width:100%; height:auto; margin:0 auto; padding:0;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { display:block; width:auto; max-width:40%; height:36px; overflow:hidden; line-height:36px; color:#999; font-size:14px; white-space:nowrap; text-overflow:ellipsis; margin:0 2% 0 0; padding:0 15px; background-color:#edf1f4; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd:nth-child(3) { margin:0;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd img { display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-2px 4px 0 0; padding:0;} .NyProlist_Right ul li a.NyProlist_More { display:block; width:50px; height:50px; margin:0; padding:0; position:absolute; right:0; bottom:0; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyProlist_Right ul li a.NyProlist_More img { display:block; width:100%; height:100%; margin:0; padding:0;} .NyProlist_Right ul li:hover a.NyProlist_More { opacity:1;} @media (max-width:1400px) { .NyProlist_Right #fengye { margin:30px auto 0;} } @media (max-width:1366px) { .NyProlist_Right ul li .NyProlist_Img { height:194px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms p { height:50px; line-height:25px; font-size:15px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { margin:0 15px 0 0;} } @media (max-width:1280px) { .NyProlist_Right ul li .NyProlist_Img { height:168px;} .NyProlist_Right ul li .NyProlist_Text { padding:2px 15px 12px 30px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl { width:100%; float:inherit;} } @media (max-width:1200px) { .NyProlist_Right ul li { margin:0 auto 25px;} .NyProlist_Right ul li .NyProlist_Img { height:164px;} .NyProlist_Right ul li .NyProlist_Text { padding:10px 5px 18px 20px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Name a { height:30px; line-height:30px; font-size:18px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms { margin:10px auto 5px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { max-width:36%; margin:0 10px 0 0; padding:0 10px;} .NyProlist_Right ul li a.NyProlist_More { width:40px; height:40px;} .NyProlist_Right #fengye { margin:20px auto 0;} } @media (max-width:1080px) { .NyProlist .NyProlist_Right { margin:0;} .NyProlist_Right ul li { margin:0 auto 20px; padding:10px;} .NyProlist_Right ul li .NyProlist_Img { height:148px;} .NyProlist_Right ul li .NyProlist_Text { padding:5px 10px 0 20px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms p { height:48px; line-height:24px; font-size:14px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { max-width:48%; height:30px; line-height:30px; margin:0 2% 5px 0;} } @media (max-width:800px) { .NyProlist .NyProlist_Left { width:100%; height:auto; margin:0 auto 20px; float: inherit;} .NyProlist .NyProlist_Right { width:100%; height:auto; margin:0 auto; padding:0; float: inherit;} .NyProlist_Right ul li { margin:0 auto 20px; padding:10px;} .NyProlist_Right ul li .NyProlist_Text { padding:0 10px 0 20px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms { margin:10px auto;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Ms p { height:48px; line-height:24px; font-size:14px;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { max-width:49%;} .NyProlist #fengye { margin:20px auto 0;} } @media (max-width:767px) { .NyProlist_Right ul li .NyProlist_Img { width:100%; height:250px; margin:0 auto; padding:0; float:inherit;} .NyProlist_Right ul li .NyProlist_Text { width:100%; margin:0 auto; padding:10px; float:inherit;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd { width:100%; max-width:100%; margin:10px auto 0; float:inherit;} .NyProlist_Right ul li .NyProlist_Text .NyProlist_Tags dl dd:nth-child(3) { margin:10px auto 0;} .NyProlist_Right ul li a.NyProlist_More { width:30px; height:30px;} .NyProlist #fengye { margin:10px auto 0;} } @media (max-width:320px) { .NyProlist_Right ul li .NyProlist_Img { height:200px;} } /*NyProlist 结束*/ /*NyProDetail 开始*/ .NyProDetail .NyProDetail_Main { width:100%; height:auto; margin:0 auto 60px; padding:20px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Main .NyProDetail_Img { width:38%; height:auto; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:88px;margin-top: 10px;overflow:hidden;} #spec-left { width:16px; height:88px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:88px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { float:left; display:inline; padding:0; width:23.5%; height:88px; margin:0 2% 0 0;} #spec-list ul li:nth-child(4) { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; border:1px solid #e5e5e5; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #088898;} #spec-list ul li img { display:block; max-width:92%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:350px; overflow:hidden; padding:0; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:102%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .NyProDetail_Img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} .NyProDetail_Main .NyProDetail_Text { width:62%; height:auto; margin:0; padding:40px 20px 0 40px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Name { width:100%; height:auto; min-height:40px; max-height:80px; overflow:hidden; line-height:40px; color:#333; font-size:30px; font-weight:bold; word-break:break-all; position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto 40px; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Ms { width:100%; height:auto; overflow:hidden; margin:0 auto 20px; padding:0 0 30px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Ms span { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; margin:0 auto 10px; padding:0;} .NyProDetail_Text .NyProDetail_Ms span img { display:block; width:20px; height:20px; margin:5px 10px 5px 0; padding:0; float:left;} .NyProDetail_Text .NyProDetail_Ms h1 { width:100%; height:auto; max-height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto; padding:0;} .NyProDetail_Text .NyProDetail_Tags { width:100%; height:auto; margin:0 auto; padding:0;} .NyProDetail_Tags dl dd { width:auto; max-width:30%; height:40px; overflow:hidden; line-height:40px; color:#999; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0 4% 0 0; padding:0; float:left;} .NyProDetail_Tags dl dd:nth-child(4) { margin:0;} .NyProDetail_Tags dl dd i { display:block; width:6px; height:6px; margin:16px 10px 16px 0; padding:0; border:1px solid #088898; border-radius:50%; float:left;} .NyProDetail_Text .NyProDetail_Btm { width:100%; height:60px; overflow:hidden; margin:40px auto 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a { display:block; width:auto; height:60px; overflow:hidden; margin:0 40px 0 0; padding:0; background-color:#f9f9f9; border-radius:30px; float:left;} .NyProDetail_Btm a.Btn01 i { display:block; width:60px; height:60px; margin:0; padding:6px; background-color:rgba(0,87,184,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn01 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#088898 url(../images/ico11.png) center center no-repeat; background-size:30px 30px; border-radius:50%;} .NyProDetail_Btm a.Btn01 span { display:block; width:auto; height:60px; line-height:40px; color:#088898; font-size:20px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn02 { margin:0;} .NyProDetail_Btm a.Btn02 i { display:block; width:60px; height:60px; margin:0; padding:6px; background:rgba(51,51,51,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm a.Btn02 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#333333 url(../images/ico12.png) center center no-repeat; background-size:30px 30px; border-radius:50%;} .NyProDetail_Btm a.Btn02 span { display:block; width:auto; height:60px; line-height:40px; color:#333333; font-size:24px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail .NyProDetail_Content { width:100%; height:auto; margin:60px auto; padding:0;} .NyProDetail_Content .NyProDetail_Left { width:23.5%; height:auto; margin:0; padding:0; float:left;} .NyProDetail_Content .NyProDetail_Right { width:76.5%; height:auto; margin:0; padding:0 0 0 30px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Right .NyProDetail_Con { width:100%; overflow:hidden; margin:0 auto; padding:30px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Con .NyProDetail_Tit { width:100%; height:auto; margin:0 auto 30px; padding:0; border-bottom:1px solid #e6e6e6;} .NyProDetail_Con .NyProDetail_Tit span { display:block; width:auto; height:40px; overflow:hidden; line-height:38px; color:#088898; font-size:18px; font-weight:bold; margin:0; padding:0; border-bottom:2px solid #088898; float:left;} .NyProDetail_Con .NyProDetail_Tit a { display:block; width:auto; height:40px; overflow:hidden; line-height:38px; color:#333; font-size:18px; font-weight:bold; margin:0 0 0 60px; padding:0; border-bottom:2px solid #fff; float:left;} .NyProDetail_Con .NyProDetail_Tit a:hover { color:#088898; border-bottom:2px solid #088898;} .NyProDetail_Con .ProDetailText { width:100%; overflow:hidden; line-height: 30px; color: #999; font-size: 16px; margin:0 auto; padding:0;} .ProDetailText div, .ProDetailText p { margin:0 auto 20px;} .ProDetailText img, .ProDetailText table, .ProDetailText tr, .ProDetailText td, .ProDetailText p, .ProDetailText span, .ProDetailText div, .ProDetailText video, .ProDetailText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 30px; color: #999; font-size: 16px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; text-align:justify;} .ProDetailText p span, .ProDetailText span, .ProDetailText p em, .ProDetailText em { color:#999!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:16px!important;} .ProDetailText b { display:block; line-height: 30px; color: #333; font-size: 16px; font-weight: normal; margin:0 0 5px;} .ProDetailText table tr td p { text-indent:0!important;} .ProDetailText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .NyPro_PrevNext { width:100%; height:auto; margin:30px auto 0; padding:7px 30px; background-color:#088898; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext p { width:42%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext p a { line-height:40px; color:#fff; font-size:16px;} .NyPro_PrevNext p.NyProPrev { padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext { padding:0 30px 0 0; text-align:right;} .NyPro_PrevNext p img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; top:10px;} .NyPro_PrevNext p.NyProPrev img { left:0;} .NyPro_PrevNext p.NyProNext img { right:0;} .NyPro_PrevNext a.NyProAll { display:block; width:16%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0; float:left;} .NyPro_PrevNext a.NyProAll img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 10px 0 0; padding:0;} .OdrTitle { width:100%; height:auto; margin:0 auto 30px; padding:0;} .OdrTitle p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:30px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;} .OdrTitle i { display:block; width:128px; height:13px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/line04.png) center center no-repeat;} .NyProOrder_Main { width:100%; height:auto; margin:60px auto 0; padding:0; position:relative;} .NyProOrder_Main #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg h3 { display:none!important;} .NyProOrder_Main #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li h4, .NyProOrder_Main #ly_msg.ly_msg ul li h4.xh { display:none!important;} .NyProOrder_Main #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(1), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(3), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(5) { width:48%!important; margin:0 4% 25px 0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(2), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(4), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(6) { width:48%!important; float:right!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin:25px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#666; font-size:16px; margin:0!important; padding:0 20px!important; background-color:#fff!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width:200px!important; margin:0 10px 0 0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#666; font-size:16px; margin:0!important; padding:15px 20px!important; background-color:#fff!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { width:100%!important; height:auto!important; overflow:hidden!important; margin:20px 0 0!important; padding:0!important; float:inherit!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 30px 0 0!important; padding:0!important; border:none!important; cursor:pointer!important; float:left;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input:hover { background-color:#292929!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#088898!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#f82838!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important;} @media (max-width:1400px) { .NyProDetail_Tags dl dd { margin:0 30px 0 0;} } @media (max-width:1366px) { .NyProDetail_Main .NyProDetail_Img { width:40%;} .jqzoom { height:340px;} #spec-n5 { height:80px;} #spec-list ul li { height:80px;} .NyProDetail_Main .NyProDetail_Text { width:60%;} .NyProDetail_Text .NyProDetail_Name { font-size:26px; margin:0 auto 30px;} .NyProDetail_Text .NyProDetail_Ms span { font-size:16px;} .NyProDetail_Text .NyProDetail_Ms h1 { max-height:50px; line-height:25px; font-size:15px;} .NyProDetail_Tags dl dd { width:48.5%; max-width:inherit; font-size:15px; margin:0 3% 0 0;} .NyProDetail_Tags dl dd:nth-child(2n+2) { margin:0;} .NyProDetail_Btm .NyProDetail_Tel span { font-size:14px;} .NyProDetail_Con .ProDetailText { width:100%; overflow:hidden; line-height: 30px; color: #666; font-size: 15px; margin:0 auto; padding:0;} .ProDetailText div, .ProDetailText p { margin:0 auto 20px;} .ProDetailText img, .ProDetailText table, .ProDetailText tr, .ProDetailText td, .ProDetailText p, .ProDetailText span, .ProDetailText div, .ProDetailText video, .ProDetailText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 30px; color: #666; font-size: 15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; text-align:justify;} .ProDetailText p span, .ProDetailText span, .ProDetailText p em, .ProDetailText em { color:#666!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .ProDetailText b { display:block; line-height: 30px; color: #666; font-size: 15px; font-weight:bold; margin:0 0 5px;} .NyPro_PrevNext p, .NyPro_PrevNext p a { font-size:15px;} .NyPro_PrevNext a.NyProAll { font-size:15px;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { width:auto!important;} } @media (max-width:1280px) { .NyProDetail_Main .NyProDetail_Img { width:42%;} .NyProDetail_Main .NyProDetail_Text { width:58%; padding:20px 20px 0 40px;} .NyProDetail_Text .NyProDetail_Name { margin:0 auto 20px;} .NyProDetail_Text .NyProDetail_Btm { margin:30px auto 0;} .NyProDetail_Btm a { margin:0 30px 0 0;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px!important; font-size:15px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px; padding:10px 20px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:15px!important; line-height:50px!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { left:20px;} } @media (max-width:1200px) { .NyProDetail_Main .NyProDetail_Img { width:40%;} .NyProDetail_Main .NyProDetail_Text { width:60%; padding:20px 20px 0 40px;} .NyProDetail_Text .NyProDetail_Ms { margin:0 auto 15px; padding:0 0 20px;} .NyProDetail_Text .NyProDetail_Btm { height:50px; margin:20px auto 0;} .NyProDetail_Btm a { height:50px;} .NyProDetail_Btm a.Btn01 i, .NyProDetail_Btm a.Btn02 i { width:50px; height:50px; padding:4px;} .NyProDetail_Btm a.Btn01 i em, .NyProDetail_Btm a.Btn02 i em { width:42px; height:42px;} .NyProDetail_Btm a.Btn01 span { height:50px; padding:5px 30px 5px 20px; font-size:18px;} .NyProDetail_Btm a.Btn02 span { height:50px; padding:5px 30px 5px 20px; font-size:20px;} .jqzoom { height:300px;} #spec-n5 { height:72px;} #spec-list ul li { height:72px;} .NyProDetail_Right .NyProDetail_Con { padding:20px;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .NyProDetail_Tit a { margin:0 0 0 40px;} } @media (max-width:1080px) { .NyProDetail_Text .NyProDetail_Name { min-height:36px; max-height:72px; line-height:36px; font-size:24px;} .NyProDetail_Text .NyProDetail_Ms { padding:0 0 15px;} .NyProDetail_Text .NyProDetail_Ms h1 { max-height:48px; line-height:24px; font-size:14px;} .NyProDetail_Tags dl dd { height:30px; line-height:30px; font-size:14px;} .NyProDetail_Tags dl dd i { margin:11px 8px 11px 0;} .NyProDetail .NyProDetail_Main { margin:0 auto 40px;} .NyProDetail .NyProDetail_Content { margin:40px auto;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .ProDetailText div, .ProDetailText p { margin:0 auto 20px;} .NyProDetail_Btm a{margin: 0 15px 0 0;} .NyProDetail_Btm a.Btn01 span{padding: 5px 20px 5px 10px;} .NyProDetail_Btm a.Btn02 span{padding: 5px 20px 5px 10px;} .NyProOrder_Main { margin:40px auto 0;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width: 160px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { height:50px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important; padding:10px 0; font-size:14px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { margin:0!important;} .jqzoom { height:280px;} #spec-n5 { height:66px;} #spec-list ul li { height:66px;} } @media (max-width:900px) { .NyProDetail_Btm a.Btn01 span{ font-size:16px;} .NyProDetail_Btm a.Btn02 span{font-size:18px;} } @media (max-width:800px) { .NyProDetail_Main .NyProDetail_Img { width:100%; margin:0 auto 20px; padding:0; float:inherit;} .jqzoom { height:480px;} #spec-n5 { height:100px;} #spec-list ul li { height:100px;} .zoomdiv { display:none!important;} .NyProDetail_Main .NyProDetail_Text { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Text .NyProDetail_Ms { margin:20px auto;} .NyProDetail_Text .NyProDetail_Name { font-size:24px;} .NyProDetail_Content .NyProDetail_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Content .NyProDetail_Left { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin:20px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_btn { width:100%!important; position:inherit; left:inherit; bottom:inherit;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { margin:0 20px 0 0!important;} .NyPro_PrevNext { padding:5px 20px;} } @media (max-width:767px) { .NyProDetail .NyProDetail_Main { margin:0 auto 20px; padding:12px;} .NyProDetail .NyProDetail_Content { margin:20px auto;} .NyProDetail_Con .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .ProDetailText { margin:0 auto;} .ProDetailText div, .ProDetailText p { margin:0 auto 10px;} .jqzoom { height:260px;} #spec-n5 { height:66px;} #spec-list ul li { height:66px;} .NyProDetail_Text .NyProDetail_Name { min-height:32px; max-height:64px; line-height:32px; font-size:22px; margin:0 auto 15px;} .NyProDetail_Text .NyProDetail_Name i { height:22px; top:5px;} .NyProDetail_Text .NyProDetail_Ms { margin:0 auto 15px; padding:0 0 15px;} .NyProDetail_Text .NyProDetail_Ms h1 { height:auto; max-height:72px; line-height:24px; font-size:14px;} .NyProDetail_Tags dl dd { width:100%; margin:0 auto; padding:4px 0; float:inherit;} .NyProDetail_Text .NyProDetail_Btm { height:auto; margin:15px auto 0;} .NyProDetail_Btm a { margin:0 0 12px;} .NyProDetail_Btm a.Btn01 span { padding:5px 20px 5px 10px;} .NyProDetail_Btm a.Btn02 span { padding:5px 20px 5px 10px;} .NyProDetail_Con .NyProDetail_Tit a { margin:0 0 0 20px;} .NyPro_PrevNext { margin:20px auto 0; padding:10px 20px;} .NyPro_PrevNext p { width:100%; font-size:14px; text-align:left; padding:0;} .NyPro_PrevNext p.NyProNext { text-align:left; padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext img { right: inherit; left:0;} .NyPro_PrevNext a.NyProAll { width:100%; font-size:14px; text-align:left;} .NyProOrder_Main { margin:20px auto 0;} .NyProOrder_Main .NyProOrder_Left { padding:0; margin:0 auto 20px;} .NyProOrder_Title p { line-height:36px; font-size:26px;} .NyProOrder_Title i { height:3px; margin:7px 0 10px;} .NyProOrder_Title span { line-height:24px; font-size:16px;} .NyProOrder_Main #ly_msg.ly_msg ul li { margin:0 auto 20px!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(1), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(3), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(5) { width: 100%!important; margin: 0 auto 20px!important; float: inherit!important;} .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(2), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(4), .NyProOrder_Main #ly_msg.ly_msg ul li:nth-child(6) { width: 100%!important; margin: 0 auto 20px!important; float: inherit!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important;} .NyProOrder_Main #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin: 0 4% 0 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2>span { line-height: 24px!important; font-size: 14px!important; padding:10px 0 0;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt0 textarea { font-size:14px; height: 140px!important; line-height: 24px;} .NyProOrder_Main #ly_msg.ly_msg ul li:last-child { margin: 20px auto 0!important;} .NyProOrder_Main #ly_msg.ly_msg ul li .c_yzm { float:inherit!important;} } @media (max-width:375px) { .jqzoom { height:240px;} #spec-n5 { height:60px;} #spec-list ul li { height:60px;} } @media (max-width:320px) { .jqzoom { height:210px;} #spec-n5 { height:52px;} #spec-list ul li { height:52px;} .NyProDetail_Btm .NyProDetail_Tel img { position:inherit; left:inherit; top:inherit; margin:0 auto 10px;} .NyProDetail_Btm .NyProDetail_Tel span, .NyProDetail_Btm .NyProDetail_Tel p { text-align:center;} .NyProOrder_Main #ly_msg.ly_msg ul li .msg_ipt2 input { width: 130px!important;} } /*NyProDetail 结束*/ /*标题样式*/ .ly_Title1 { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;} .ly_Title1 p { width:100%; height:40px; line-height:40px; color:#333; font-size:36px; font-weight:bold; text-align:center; margin:0 auto; padding:0;} .ly_Title2 p { color:#fff;} .ly_Title1 span { display:block; width:144px; height:13px; margin:17px auto 0; padding:0; background:url(../images/line01.png) center center repeat-x;} .ly_Title1 span i { display:block; width:13px; height:13px; margin:0 auto; padding:0; background-color:#088898;} @media (max-width:1440px) { .ly_Title1 { margin:0 auto 30px;} .ly_Title1 p { height:36px; line-height:36px; font-size:32px;} .ly_Title1 span { width:128px; height:9px; margin:15px auto 0;} .ly_Title1 span i { width:9px; height:9px;} } @media (max-width:1280px) { .ly_Title1 p { height:32px; line-height:32px; font-size:30px;} .ly_Title1 span { width:120px;} } @media (max-width:1200px) { .ly_Title1 p { font-size:28px;} } @media (max-width:1080px) { .ly_Title1 p { height:30px; line-height:30px; font-size:26px;} .ly_Title1 span { margin:10px auto 0;} } @media (max-width:767px) { .ly_Title1 { margin:0 auto 20px;} .ly_Title1 p { height:30px; line-height:30px; font-size:24px;} .ly_Title1 span { width:96px; height:5px; margin:5px auto 0;} .ly_Title1 span i { width:5px; height:5px;} } @media (max-width:320px) { .ly_Title1 p { font-size:22px;} } /*NyNews 开始*/ .NyNews { width:100%; overflow:hidden; margin:0 auto; padding:70px 0; background-color:#edf1f4;} .NyNews .NyNews_Main {min-height:320px;} .NyNews_Main .NyNews_List { width:100%; height:auto; margin:0 auto; padding:0;} .NyNews_List ul li { width:48%; height:auto; margin:0 4% 30px 0; padding:0 0 0 100px; position:relative; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNews_List ul li:nth-child(2n+2) { margin:0 0 30px;} .NyNews_List ul li .NyNews_Time { width:100px; height:100px; margin:0; padding:20px 0; background-color:#e3e8eb; position:absolute; left:0; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNews_List ul li .NyNews_Time em { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:16px; font-style:normal; text-align:center; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Time span { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:32px; font-weight:bold; font-style:normal; text-align:center; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li:hover .NyNews_Time { background-color:#088898;} .NyNews_List ul li:hover .NyNews_Time em { color:rgba(255,255,255,0.65);} .NyNews_List ul li:hover .NyNews_Time span { color:#fff;} .NyNews_List ul li .NyNews_Text { width:100%; height:auto; overflow:hidden; margin:0; padding:25px 30px; background-color:rgba(51,51,51,0); position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto 14px; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Text p { width:100%; height:84px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li:hover .NyNews_Text { background-color:rgba(51,51,51,1);} .NyNews_List ul li:hover .NyNews_Text a.NyNews_Name { color:#fff;} .NyNews_List ul li:hover .NyNews_Text p { color:rgba(255,255,255,0.45);} .NyNews_List ul li .NyNews_Text a.NyNews_More { display:block; width:50px; height:50px; margin:0; padding:0; position:absolute; right:-50px; bottom:-50px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { display:block; width:50px; height:50px; margin:0; padding:0;} .NyNews_List ul li:hover .NyNews_Text a.NyNews_More { right:0; bottom:0;} /*NyNewDetail 开始*/ .NyNewDetail { width:100%; background: #edf1f4;padding: 70px 0;overflow: hidden; min-height:400px;} .NyNewDetail_Main .NyNewDetail_Name { width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:30px; margin:0 auto 15px; padding:0;} .NyNewDetail_Main .NyNewDetail_Tips { width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:16px; margin:0 auto 30px; padding:0 0 15px; border-bottom:1px solid #e6e6e6;height: 40px;} .NyNewDetail_Tips span { display:inline-block; height:30px; line-height:30px; color:#999; font-size:16px; margin:0 40px 0 0; padding:0;} .NyNewDetail_Tips span img { display:block; width:16px; height:16px; margin:7px 10px 7px 0; padding:0; float:left;} .NyNewDetail_Main .NyNewDetail_Content { width:100%; height:auto; overflow:hidden; line-height:28px!important; color:#666!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size:16px!important; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { width:100%; height:auto; overflow:hidden; line-height:28px!important; color:#666!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size:16px!important; font-style:normal; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyNewDetail_Content img { display:inline-block; width:auto!important; max-width:100%!important; height:auto!important;} .NyPrevNext { width:100%; height:auto; margin:0 auto; padding:0; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul { width:1400px; margin:0 auto;} .NyPrevNext ul li { width:100%; height:auto; min-height:100px; overflow:hidden; line-height:40px; color:#999; font-size:18px; margin:0; padding:30px 0 30px 120px; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:nth-child(1) { border-bottom:1px solid #e6e6e6;} .NyPrevNext ul li i { display:block; width:100px; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:18px; font-style:normal; text-align:center; background-color:#edf1f4; border-radius:20px; margin:0; padding:0; position:absolute; left:0; top:30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyPrevNext ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:hover i { color:#fff; background-color:#088898;} .NyPrevNext ul li:hover a { color:#088898; text-decoration:underline;} /*NyNewDetail 结束*/ @media (max-width:1400px) { .NyNews { padding:60px;} .NyNews_List ul li { width:48.5%; margin:0 3% 20px 0; padding:0 0 0 90px;} .NyNews_List ul li:nth-child(2n+2) { margin:0 0 20px;} .NyNews_List ul li .NyNews_Time { width:90px; height:90px; padding:18px 0;} .NyNews_List ul li .NyNews_Time em { height:18px; line-height:18px; font-size:14px; margin:0 auto 4px;} .NyNews_List ul li .NyNews_Time span { height:32px; line-height:32px; font-size:28px;} .NyNews_List ul li .NyNews_Text { padding:15px 20px 20px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { height:30px; line-height:30px; margin:0 auto 10px;} .NyNews_List ul li .NyNews_Text p { height:75px; line-height:25px; font-size:15px;} .NyNewDetail { padding:60px 0;} .NyNewDetail_Main .NyNewDetail_Name { font-size:28px;} .NyNewDetail_Main .NyNewDetail_Tips { font-size:15px;} .NyNewDetail_Tips span { font-size:15px; margin:0 30px 0 0;} .NyNewDetail_Main .NyNewDetail_Content { line-height:25px!important; font-size:15px!important;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { line-height:25px!important; font-size:15px!important;} .NyPrevNext { padding:0 60px;} .NyPrevNext ul { width:100%;} .NyPrevNext ul li { min-height:80px; padding:20px 0 20px 120px;} .NyPrevNext ul li i { top:20px;} } @media (max-width:1366px) { .NyNewDetail_Main .NyNewDetail_Name { font-size:26px;} } @media (max-width:1200px) { .NyNews { padding:60px 40px;} .NyNews_List ul li { padding:0 0 0 80px;} .NyNews_List ul li .NyNews_Time { width:80px; height:80px; padding:15px 0;} .NyNews_List ul li .NyNews_Time em { height:20px; line-height:20px; font-size:14px; margin:0 auto;} .NyNews_List ul li .NyNews_Time span { height:30px; line-height:30px; font-size:26px;} .NyNews_List ul li .NyNews_Text { padding:12px 20px 20px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { font-size:18px; margin:0 auto 6px;} .NyNews_List ul li .NyNews_Text p { height:72px; line-height:24px; font-size:14px;} .NyNews_List ul li .NyNews_Text a.NyNews_More { width:40px; height:40px; right:-40px; bottom:-40px;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { width:40px; height:40px;} .NyNewDetail_Main .NyNewDetail_Name { font-size:24px; margin:0 auto 10px;} .NyNewDetail_Main .NyNewDetail_Tips { font-size:14px; margin:0 auto 20px; padding:0 0 5px;} .NyNewDetail_Tips span { font-size:14px; margin:0 30px 0 0;} .NyNewDetail_Main .NyNewDetail_Content { line-height:24px!important; font-size:14px!important;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { line-height:24px!important; font-size:14px!important;} .NyPrevNext { padding:0 40px;} .NyPrevNext ul li { min-height:80px; font-size:16px; padding:20px 0 20px 110px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:90px; font-size:16px;} } @media (max-width:1080px) { .NyNews { padding:40px 0;} .NyNewDetail {padding:40px 0;} } @media (max-width:800px) { .NyNews { padding:30px 20px;} .NyNews_List ul li { width:100%; margin:0 auto 20px; float:inherit;} .NyNews_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .NyNews_List ul li .NyNews_Text p { height:auto; max-height:48px; -webkit-line-clamp:2;} .NyNews_Main #fengye { margin:20px auto 0;} .NyNewDetail { padding:0 20px;} .NyNewDetail_Main .NyNewDetail_Name { line-height:32px; font-size:22px; margin:0 auto 10px;} .NyPrevNext { padding:0 20px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 100px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} } @media (max-width:767px) { .NyNews { padding:20px} .NyNews .NyNews_Main { min-height:inherit;} .NyNews_List ul li { margin:0 auto 12px;} .NyNews_List ul li:nth-child(2n+2) { margin:0 auto 12px;} .NyNews_List ul li .NyNews_Text { padding:10px 20px 10px 12px;} .NyNews_List ul li .NyNews_Text a.NyNews_More { width:32px; height:32px; right:-32px; bottom:-32px;} .NyNews_List ul li .NyNews_Text a.NyNews_More img { width:32px; height:32px;} #fengye { margin:8px auto 0; font-size:0;} #fengye .p_input, #fengye input { display:none;} .NyNewDetail { padding:30px 0;} .NyNewDetail_Main .NyNewDetail_Name { line-height:30px; font-size:20px; margin:0 auto 10px;} .NyNewDetail_Tips span { margin:0 20px 0 0;} .NyPrevNext { padding:0 12px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 92px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} } @media (max-width:375px) { .NyNews_List ul li { min-height:40px; padding:40px 0 0;} .NyNews_List ul li .NyNews_Time { width:auto; height:40px; padding:0 12px;} .NyNews_List ul li .NyNews_Time em { display:inline-block; width:auto; height:40px; line-height:40px; margin:0 10px 0 0;} .NyNews_List ul li .NyNews_Time span { display:inline-block; width:auto; height:40px; line-height:40px; font-size:20px;} .NyNews_List ul li .NyNews_Text { padding:10px 12px;} .NyNews_List ul li .NyNews_Text a.NyNews_Name { font-size:16px;} .NyPrevNext ul li { min-height:56px; line-height:32px; font-size:14px; padding:12px 0 12px 80px;} .NyPrevNext ul li a { height:32px; line-height:32px; font-size:14px;} .NyPrevNext ul li i { width:68px; height:32px; line-height:32px; font-size:14px; top:12px;} } @media (max-width:320px) { .NyNewDetail_Main .NyNewDetail_Name { line-height:26px; font-size:18px;} #fengye a { padding:0 10px;} } /*NyNews 结束*/ .fvopvideo { width:80% !important; height:500px!important;margin:0 auto 20px !important;position:relative;z-index:99;} @media (max-width:1200px) { .fvopvideo {height:400px!important;} } @media (max-width:1080px) { .fvopvideo {height:300px!important;} } @media (max-width:767px) { .fvopvideo {height:250px!important;} } /*NyContactUs 开始*/ .NyContactUs { width:100%; height:auto; min-height:320px; margin:0 auto; padding:0;} .NyContactUs .NyContactUs_Infor { width:100%; height:auto; margin:0 auto; padding:60px 0; background-color:#edf1f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUsInfor_Main .NyContactUsInfor_Con { width:100%; height:auto; margin:0 auto; padding:0; background-color:#fff;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:28.5%; height:250px; overflow:hidden; margin:0; padding:40px; background:#088898 url(../images/Bg1.jpg) center center no-repeat; background-size:cover; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm p { width:100%; height:auto; line-height:30px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 auto 20px; padding:0;} .NyContactUs_Ewm span { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto; padding:9px; border:1px solid rgba(255,255,255,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm span img { display:block; width:100px; height:100px; margin:0 auto; padding:0;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:71.5%; height:250px; overflow:hidden; margin:0; padding:67px 0; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li { width:33.333333%; height:auto; margin:0; padding:0 20px; border-right:1px solid #e6e6e6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li:nth-child(3) { border:0;} .NyContactUs_Lxfs ul li img { display:block; width:44px; height:44px; margin:0 auto 20px; padding:0;} .NyContactUs_Lxfs ul li span { display:block; width:100%; height:auto; line-height:30px; color:#333; font-size:18px; text-align:center; margin:0 auto; padding:0;} .NyContactUs_Lxfs ul li p { width:100%; height:22px; overflow:hidden; line-height:22px; color:#999; font-size:18px; text-align:center; word-break:break-all; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .NyContactUs .NyContactUs_Map {margin:60px auto;} .NyMap { width:100%; height:500px; overflow:hidden; margin:0 auto; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyMap .dz_map { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;} .NyMap .dz_map #container { height:120%;} @media (max-width:1560px) { .NyContactUs .NyContactUs_Map {margin:60px auto;} .NyMap { height:480px;} } @media (max-width:1400px) { .NyContactUs .NyContactUs_Infor { padding:60px 0;} } @media (max-width:1366px) { .NyContactUs_Lxfs ul li span { font-size:16px;} .NyContactUs_Lxfs ul li p { font-size:16px;} .NyMap { height:440px;} } @media (max-width:1280px) { .NyContactUsInfor_Con .NyContactUs_Ewm { height:230px; padding:30px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:230px; padding:57px 0;} .NyMap { height:400px;} } @media (max-width:1200px) { .NyMap { height:380px;} } @media (max-width:1080px) { .NyContactUs .NyContactUs_Infor { padding:40px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { height:220px; padding:20px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:220px; padding:52px 0;} .NyContactUs .NyContactUs_Map { margin:40px auto;} .NyMap { height:360px;} } @media (max-width:1024px) { .NyMap { height:340px;} } @media (max-width:800px) { .NyContactUs .NyContactUs_Infor { padding:40px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:40px 20px; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:40px 20px; float:inherit;} .NyContactUs_Lxfs ul li span { font-size:15px;} .NyContactUs_Lxfs ul li p { font-size:15px;} .NyMap { height:320px;} } @media (max-width:767px) { .NyContactUs .NyContactUs_Infor { padding:35px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:20px 20px; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:0 20px; float:inherit;} .NyContactUs_Lxfs ul li { width:100%; margin:0 auto; padding:20px 0; border-right:0; border-bottom:1px solid #e6e6e6; float:inherit;} .NyContactUs_Lxfs ul li img { margin:0 auto 10px;} .NyContactUs .NyContactUs_Map { margin:35px auto;} .NyMap { height:300px;} } /*NyContactUs 结束*/ .NyTitle { width:100%; height:auto; margin:0 auto 40px; padding:0;} .NyTitle span { display:block; width:100%; height:56px; overflow:hidden; line-height:56px; color:rgba(0,0,0,0.06); font-family:"Impact"; font-size:60px; margin:0 auto; padding:0;} .NyTitle p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:36px; font-weight:bold; margin:-20px auto 10px; padding:0;} .NyTitle i { display:block; width:60px; height:4px; overflow:hidden; margin:0; padding:0; background-color:#088898;} @media (max-width:1400px) { .NyTitle span { height:50px; line-height:50px; font-size:52px;} .NyTitle p { font-size:32px;} } @media (max-width:1366px) { .NyTitle { margin:0 auto 30px;} .NyTitle span { height:44px; line-height:44px; font-size:48px;} .NyTitle p { height:36px; line-height:36px; font-size:30px;} .NyTitle i { height:3px;} } @media (max-width:1200px) { .NyTitle { margin:0 auto 20px;} .NyTitle span { height:44px; line-height:44px; font-size:46px;} .NyTitle p { height:32px; line-height:32px; font-size:28px;} .NyTitle i { width:56px; height:3px;} } @media (max-width:767px) { .NyTitle span { height:32px; line-height:32px; font-size:34px;} .NyTitle p { height:30px; line-height:30px; font-size:22px; margin:-15px auto 10px;} .NyTitle i { width:48px; height:2px;} } /*NyOrder 开始*/ .NyOrder { width:100%;overflow:hidden;padding:70px 0; background-color:#edf1f4;} .NyOrder .NyOrder_Main {padding:40px; background-color:#fff; } .NyOrder_Main .NyOrder_Left { width:28%; height:660px; overflow:hidden; margin:0; padding:60px 40px; background:#088898 url(../images/ico07.png) -80px 460px no-repeat; background-size:320px 220px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Left .NyOrder_Img { width:180px; height:180px; margin:0 auto 40px; padding:7px 0; background-color:rgba(0,0,0,0.05); border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Img img { display:block; width:150px; height:150px; margin:0 auto; padding:0; border:8px solid rgba(0,0,0,0.05); border-radius:50%;} .NyOrder_Left p { width:100%; height:auto; line-height:40px; color:#fff; font-size:28px; margin:0 auto 15px; padding:0;} .NyOrder_Left span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.65); font-size:16px; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyOrder_Left .NyOrder_Btn { width:100%; height:auto; margin:60px auto 0; padding:0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Btn a { display:block; width:100%; height:52px; overflow:hidden; line-height:52px; color:#fff; font-size:16px; text-align:center; margin:0 auto; padding:0; background-color:#333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyOrder_Btn a img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 10px 0 0; padding:0;} .NyOrder_Btn a:hover { background-color:#202020;} .NyOrder_Main .NyOrder_Right { width:72%; height:auto; overflow:hidden; margin:0; padding:0 40px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg h3 { display:none!important;} .NyOrder_Right #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li h4, .NyOrder_Right #ly_msg.ly_msg ul li h4.xh { display:none!important;} .NyOrder_Right #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:48%!important; margin:0 4% 25px 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2),.NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:48%!important; float:right!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:0 auto!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12, .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#666; font-size:16px; margin:0!important; padding:0 20px!important; background-color:#f9f9f9!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { padding:0 20px 0 16px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:240px!important; margin:0 10px 0 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#aaa; font-size:16px; margin:0!important; padding:15px 20px!important; background-color:#f9f9f9!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_btn { width:100%!important; height:auto!important; overflow:hidden!important; margin:0!important; padding:0!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 20px 0 0!important; padding:0!important; border:none!important; cursor:pointer!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input:hover { background-color:#202020!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#088898!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#f82838!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important;} @media (max-width:1400px) { .NyOrder {padding:60px 0;} } @media (max-width:1280px) { .NyOrder_Main .NyOrder_Left { height:600px;} .NyOrder_Left p { font-size:26px;} .NyOrder_Left font { font-size:20px;} .NyOrder_Left span { font-size:15px; line-height:25px;} .NyOrder_Btn a { height:50px; line-height:50px;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:30px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px; font-size:15px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px; padding:10px 20px;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:50px!important; font-size:15px!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} } @media (max-width:1200px) { .NyOrder .NyOrder_Main { padding:30px;} .NyOrder_Main .NyOrder_Left { padding:60px 30px;} .NyOrder_Left p { line-height:36px;} .NyOrder_Left .NyOrder_Btn { padding:0 30px;} .NyOrder_Main .NyOrder_Right { padding:0 30px 0 0;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:200px!important;} } @media (max-width:1080px) { .NyOrder {padding:40px 0;} .NyOrder .NyOrder_Main { padding:25px;} .NyOrder_Main .NyOrder_Left { height:560px; padding:50px 25px; background-size:280px 160px;} .NyOrder_Left p { line-height:32px; font-size:24px;} .NyOrder_Left span { line-height:24px; font-size:14px;} .NyOrder_Left .NyOrder_Btn { margin:50px auto 0; padding:0 25px;} .NyOrder_Main .NyOrder_Right { padding:0 25px 0 0;} .NyOrder_Right #ly_msg.ly_msg ul li { margin:0 0 20px!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:48.5%!important; margin:0 3% 20px 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:48.5%!important; margin:0 0 20px 0!important; float:right!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:20px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:140px!important; line-height:24px; font-size:14px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:180px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:14px!important;} } @media (max-width:1024px) { .NyOrder_Main .NyOrder_Left { width:30%; height:590px;} .NyOrder_Main .NyOrder_Right { width:70%;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important;} } @media (max-width:800px) { .NyOrder .NyOrder_Main { padding:20px;} .NyOrder_Main .NyOrder_Left { width:100%; height:auto; margin:0 auto 20px; padding:40px; float:inherit;} .NyOrder_Left .NyOrder_Img { float:left; margin:0 40px 0 0;} .NyOrder_Left p { line-height:30px; font-size:24px; margin:8px auto 2px;} .NyOrder_Left span { margin:10px auto 0;} .NyOrder_Left .NyOrder_Btn { width:200px; margin:20px 0 0; padding:0; float:left;} .NyOrder_Main .NyOrder_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:inline-block; width:auto; line-height:50px!important;} } @media (max-width:767px) { .NyOrder {padding:30px 0;} .NyOrder .NyOrder_Main { padding:12px;} .NyOrder_Main .NyOrder_Left { padding:20px;} .NyOrder_Left .NyOrder_Img { width:106px; height:106px; margin:0 20px 0 0; padding:4px 0;} .NyOrder_Img img { width:90px; height:90px; border:4px solid rgba(0,0,0,0.05);} .NyOrder_Left p { line-height:24px; font-size:18px; margin:0 auto 2px;} .NyOrder_Left span { line-height:20px;} .NyOrder_Left .NyOrder_Btn { width:100%; margin:20px auto 0; float:inherit;} .NyOrder_Btn a { height:40px; line-height:40px; font-size:15px;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { padding: 0 12px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:150px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span {width:100%; line-height:24px!important; margin:10px auto 0; display:none !important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important; float:left;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin:0 4% 0 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { padding:10px 12px!important;} } @media (max-width:320px) { .NyOrder_Left .NyOrder_Img { float:inherit; margin:0 auto 20px;} .NyOrder_Left p { text-align:center;} .NyOrder_Left span { text-align:center;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:130px!important;} } /*NyOrder 结束*/ /*NyHonor 开始*/ .NyHonor { width:100%; overflow:hidden;padding:70px 0; background-color:#edf1f4;} .NyHonor_Main .NyHonor_List { width:100%; height:auto; margin:0 auto; padding:0; min-height:300px;} .NyHonor_List ul li { width:23.5%; height:auto; margin:0 2% 40px 0; padding:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 40px;} .NyHonor_List ul li .NyHonor_Img { width:100%; height:240px; overflow:hidden; margin:0 auto 10px; padding:0; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0.06); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyHonor_List ul li:hover .NyHonor_Img { box-shadow:0 0 10px rgba(0,0,0,0.06);} .NyHonor_List ul li .NyHonor_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyHonor_List ul li .NyHonor_Img a img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .NyHonor_List ul li:hover .NyHonor_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .NyHonor_List ul li a.NyHonor_Name { display:block; width:100%;overflow:hidden;color:#333; font-size:20px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis;padding:10px 0 15px;border-bottom:1px solid #e6e6e6;} .NyHonor_List ul li:hover a.NyHonor_Name { color:#088898; border-bottom:1px solid #088898;} .NyNewDetail_Content .honr_img img{ max-width:70%;} @media (max-width:1400px) { .NyHonor {padding:60px 0;} .NyHonor_List ul li .NyHonor_Img { height:220px;} .NyHonor_Main #fengye { margin:30px auto 0;} } @media (max-width:1280px) { .NyHonor_List ul li .NyHonor_Img { height:200px;} } @media (max-width:1200px) { .NyHonor_List ul li { margin:0 2% 30px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 30px;} .NyHonor_List ul li .NyHonor_Img { height:200px;} .NyHonor_Main #fengye { margin:35px auto 0;} } @media (max-width:1080px) { .NyHonor {padding:40px 0;} .NyHonor_List ul li { margin:0 2% 30px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 0 30px;} .NyHonor_List ul li .NyHonor_Img { height:180px;} .NyHonor_List ul li a.NyHonor_Name { font-size:18px;} .NyHonor_Main #fengye { margin:40px auto 0;} } @media (max-width:1024px) { .NyHonor_List ul li .NyHonor_Img { height:170px;} } @media (max-width:800px) { .NyHonor_List ul li { width:31.333333%; margin:0 3% 25px 0;} .NyHonor_List ul li:nth-child(4n+4) { margin:0 3% 25px 0;} .NyHonor_List ul li:nth-child(3n+3) { margin:0 0 20px;} .NyHonor_List ul li .NyHonor_Img { height:180px; margin:0 auto;} .NyHonor_Main #fengye { margin:20px auto 0;} } @media (max-width:767px) { .NyHonor {padding:30px 0;} .NyHonor_List ul li { width:48.5%; margin:0 3% 20px 0;} .NyHonor_List ul li:nth-child(3n+3), .NyHonor_List ul li:nth-child(4n+4) { margin:0 3% 20px 0;} .NyHonor_List ul li:nth-child(2n+2) { margin:0 0 20px;} .NyHonor_List ul li .NyHonor_Img { height:150px;} .NyHonor_List ul li a.NyHonor_Name { font-size:16px;} .NyHonor_Main #fengye { margin:0 auto;} .NyNewDetail_Content .honr_img img{ max-width:100%;} } @media (max-width:375px) { .NyHonor_List ul li .NyHonor_Img { height:140px;} .NyHonor_List ul li a.NyHonor_Name { padding:5px 0; font-size:15px;} } @media (max-width:320px) { .NyHonor_List ul li { width:100%; margin:0 auto 20px; float:inherit;} .NyHonor_List ul li:nth-child(2n+2), .NyHonor_List ul li:nth-child(3n+3), .NyHonor_List ul li:nth-child(4n+4) { margin:0 auto 20px;} .NyHonor_List ul li .NyHonor_Img { height:220px;} .NyHonor_List ul li a.NyHonor_Name { padding:10px 0; font-size:18px;} } /*NyHonor 结束*/ /*网站右侧漂浮*/ .kfView2 { margin: -90px 0 0; position: fixed; top:30%; right: 10px; z-index: 99; } .kfView2 a.qqa { display: block; display:none; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.5); margin-bottom: 2px; font-size: 0; } .kfView2 a.qqa:hover { background: #088898; } .kfView2 a.qqa:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) top center no-repeat; overflow: hidden; margin: 9px 10px; } .kfView2 .tela>a { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.5); margin-bottom: 2px; } .kfView2 .tela>a:hover { background: #088898; } .kfView2 .tela>a:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -27px no-repeat; overflow: hidden; margin: 9px 10px; } .kfView2 .tela .wz { position: absolute; top:0; left: -224px; z-index: 999; display: none; box-shadow: 0 0 10px rgba(0,0,0,.2); } .kfView2 .tela:hover .wz { display: block; } .kfView2 .tela p { background: #fff;width: 200px; height: 40px; overflow: hidden; font-size: 18px; font-weight: bold; color: #088898; line-height: 40px; text-align: center; } .kfView2 .tela p em { width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; margin-top: -4px; position: absolute; top: 50%; right: -6px; } .kfView2 .wxa { position: relative; } .kfView2 .wxa>span { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.5); margin-bottom: 2px; } .kfView2 .wxa>span:hover { background: #088898; } .kfView2 .wxa>span:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -52px no-repeat; overflow: hidden; margin: 9px 10px; } .kfView2 .wxa .code { position: absolute; top: -44px; left: -144px; z-index: 999; display: none; box-shadow: 0 0 10px rgba(0,0,0,.2); } .kfView2 .wxa:hover .code { display: block; } .kfView2 .wxa .code p { background: #fff; padding: 5px; width: 120px; height: 150px; overflow: hidden; position: relative; text-align:center; } .kfView2 .wxa .code p img { display: block; max-width: 100%; max-height: 100%;} .kfView2 .wxa .code p span{ font-size:14px; color:#999;} .kfView2 .wxa .code p em { width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; margin-top: -4px; position: absolute; top: 50%; right: -6px; } .kfView2 a.totop { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.5); margin-bottom: 2px; cursor: pointer; } .kfView2 a.totop:hover { background: #088898; } .kfView2 a.totop:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -76px no-repeat; overflow: hidden; margin: 9px 10px; } @media (max-width:800px) { .my-kefu-liuyan, .my-kefu-weixin, .my-kefu-tel-right { display: none; } .kfView2 .wxa { display: none; } .client-2 { right: 0; } .client-2 li { height: 48px; position: static; margin: 0; } .client-2 .my-kefu-tel-main, .client-2 .my-kefu-main { width: 48px; border-radius: 48px; height: 40px; padding: 4px 0; } .my-kefu-main { background: #088898 !important; } .client-2 li a p { display: none; } .client-2 .my-kefu-left { height: 48px; } .client-2 .my-kefu-ftop i { margin: 4px 0 0 8px; } .client-2 .my-kefu-ftop { margin-top: 10px; } .client-2 .my-kefu-tel i { margin: 6px 0 0 8px; } .kfView2 .tela .wz { display: none!important; } } /*右侧漂浮 结束*/ /*NyDown 开始*/ .NyDown { width: 100%; overflow: hidden; margin: 0 auto; padding: 80px 0; background-color: #f9f9f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown .NyDown_Main { width: 1400px; height: auto; margin: 0 auto; padding: 0; } .NyDown_Main .NyDown_List { width: 100%; height: auto; min-height:400px;margin: 0 auto; padding: 0; } .NyDown_List ul li { width: 48.5%; height: auto; margin: 0 3% 30px 0; padding: 0 100px 0 0; background-color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); float: left; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 0 30px; } .NyDown_List ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.06); } .NyDown_List ul li .NyDown_Btn { width: 100px; height: 100px; margin: 0; padding: 0; border-left: 1px solid #e6e6e6; position: absolute; top: 0; right: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyDown_List ul li .NyDown_Btn a { display: block; width: 100px; height: 100px; margin: 0 auto; padding: 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Btn a i.DwIco { display: block; width: 50px; height: 50px; margin: 0 auto; padding: 0; background: url(../images/down.svg) center center no-repeat; background-size: 100% 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyDown_List ul li:hover .NyDown_Btn { border-left: 1px solid #0292a8; } .NyDown_List ul li:hover .NyDown_Btn a i.DwIco { background: url(../images/down1.svg) center center no-repeat; background-size: 100% 100%; } .NyDown_List ul li .NyDown_Text { width: 100%; height: 100px; overflow: hidden; margin: 0; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Text a.NyDown_Name { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto 6px; padding: 0 0 0 13px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { display: block; width: 3px; height: 20px; margin: 0; padding: 0; background-color: #0292a8; position: absolute; left: 0; top: 10px; } .NyDown_List ul li .NyDown_Text span { display: block; width: 100%; height: 24px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; margin: 0 auto; padding: 0; } .NyDown_List ul li .NyDown_Text span img { display: block; width: 18px; height: 18px; margin: 2px 6px 2px 0; padding: 0; float: left; } .NyDown_List ul li:hover .NyDown_Text a.NyDown_Name { color: #0292a8; } .DownABtn a { display:inline-block; width: 160px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; margin: 40px auto 0; padding: 0 33px; background: #0292a8 url(../images/down2.svg) 104px 8px no-repeat; background-size: 28px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .DownABtn a:hover { background-color: #f82838; } @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1560px) { } @media (max-width:1440px) { .NyDown { padding: 60px; } .NyDown .NyDown_Main { width: 100%; } .NyDown_Main #fengye { margin: 30px auto 0; } } @media (max-width:1366px) { } @media (max-width:1280px) { } @media (max-width:1200px) { .NyDown { padding: 60px 40px; } .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size: 18px; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { height: 18px; top: 11px; } } @media (max-width:1080px) { } @media (max-width:1024px) { } @media (max-width:800px) { .NyDown { padding: 40px 20px; } .NyDown_List ul li { width: 100%; height: auto; margin: 0 auto 20px; float: inherit; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 auto 20px; } .NyDown_Main #fengye { margin: 20px auto 0; } } @media (max-width:767px) { .NyDown { padding: 20px 12px; } .NyDown_List ul li { width: 100%; height: auto; margin: 0 auto 20px; padding: 0 60px 0 0; float: inherit; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 auto 20px; } .NyDown_List ul li .NyDown_Text { height: 80px; padding: 10px 12px; } .NyDown_List ul li .NyDown_Text a.NyDown_Name { height: 36px; line-height: 36px; margin: 0 auto; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { top: 9px; } .NyDown_List ul li .NyDown_Btn { width: 60px; height: 80px; } .NyDown_List ul li .NyDown_Btn a { width: 60px; height: 80px; padding: 20px 0; } .NyDown_List ul li .NyDown_Btn a i.DwIco { width: 40px; height: 40px; } .NyDown_Main #fengye { margin: 0 auto; } } @media (max-width:375px) { .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size: 16px; } } @media (max-width:320px) { } /*NyDown 结束*/